Ik heb een script voor uitklappen:
In header:
En dan klapt hij dit dus uit:
Maar wat het probleem nu is, als ik op '#' klik klapt hij hem mooi uit. Als ik dan nog een keer klikt klapt hij weer mooi in :-({|= Maar als ik dan op 'A' of een hele andere letter klik, klapt hij nog steeds de eerste ('#' dus) open =.='
Iemand een idee hoe dit op te lossen?
Thanks,
In header:
<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
<script type="text/javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
}
return false;
} else {
return true;
}
}
</script>
En dan klapt hij dit dus uit:
Zo gaat het nog door t/m 'Z'<a href="#" onclick="return kadabra('tekst');"> <h2>#</h2></a>
<p id="tekst">
Voorbeeld # <br>
Voorbeeld #2 <br>
</p>
<a href="#" onclick="return kadabra('tekst');"> <h2>A</h2></a>
<p id="tekst">
Avenged Sevenfold <br>
Voorbeeld A
Voorbeeld A2 <br>
</p>
Maar wat het probleem nu is, als ik op '#' klik klapt hij hem mooi uit. Als ik dan nog een keer klikt klapt hij weer mooi in :-({|= Maar als ik dan op 'A' of een hele andere letter klik, klapt hij nog steeds de eerste ('#' dus) open =.='
Iemand een idee hoe dit op te lossen?
Thanks,