Hallo,
Ik ben nog niet lang bezig met javascript en loop vast.
Ik wil het volgende bereiken:
Een aantal klikbare onderwerpen onder elkaar. Door op een onderwerp te klikken moet de bijhorende tekst uitklappen, nogmaals klikken is inklappen. Ik wil graag beginnen met alle onderwerpen ingeklapt en dat krijg ik niet voor elkaar.
Wat ik tot nu toe heb gedaan:
function in_uitklappen(id) {
var element = document.getElementById(id);
if(element.style.display == 'block')
element.style.display = 'none';
else
element.style.display = 'block';
}
en in de body
<a href="#" onclick="in_uitklappen('deel1');">Onderwerp 1</a>
<p id="deel1" class="tekst2">Tekst onderwerp 1</p>
<br />
<br />
<a href="#" onclick="in_uitklappen('deel2');">Onderwerp 2</a>
<p id="deel2">Tekst onderwerp 2</p>
Dit werkt goed (moet natuurlijk nog wel oppoetsen maar dat kan later).
Om ingeklapt te beginnen:
function ingeklapt(){
document.getElementById('deel1').style.display = 'none';
}
en
<body onload = "ingeklapt()">
Helaas, dit klapt alleen deel1 in.
Ik heb al aardig wat tijd zitten prutsen en zoeken en prutsen maar kom er niet uit.
Hopelijk wil iemand me hier een handje helpen. Alvast bedankt.
Maia
Ik ben nog niet lang bezig met javascript en loop vast.
Ik wil het volgende bereiken:
Een aantal klikbare onderwerpen onder elkaar. Door op een onderwerp te klikken moet de bijhorende tekst uitklappen, nogmaals klikken is inklappen. Ik wil graag beginnen met alle onderwerpen ingeklapt en dat krijg ik niet voor elkaar.
Wat ik tot nu toe heb gedaan:
function in_uitklappen(id) {
var element = document.getElementById(id);
if(element.style.display == 'block')
element.style.display = 'none';
else
element.style.display = 'block';
}
en in de body
<a href="#" onclick="in_uitklappen('deel1');">Onderwerp 1</a>
<p id="deel1" class="tekst2">Tekst onderwerp 1</p>
<br />
<br />
<a href="#" onclick="in_uitklappen('deel2');">Onderwerp 2</a>
<p id="deel2">Tekst onderwerp 2</p>
Dit werkt goed (moet natuurlijk nog wel oppoetsen maar dat kan later).
Om ingeklapt te beginnen:
function ingeklapt(){
document.getElementById('deel1').style.display = 'none';
}
en
<body onload = "ingeklapt()">
Helaas, dit klapt alleen deel1 in.
Ik heb al aardig wat tijd zitten prutsen en zoeken en prutsen maar kom er niet uit.
Hopelijk wil iemand me hier een handje helpen. Alvast bedankt.
Maia
