div tonen en verbergen met js ?
Ik heb dit script hier, het dient om een div te tonen of te verbergen.
Nu wanneer de pagina net geladen wordt, toont hij de div, pas als je op een link klikt, verbergt hij het.
Ik wil het omgekeerde, in het begin verborgen, en bij kliken, getoond.
Kan iemand zeggen wat er veranderd moet worden?
Tnx!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="javascript" type="text/javascript">
function display_box(link,id) {
menu = document.getElementById(id);
if(menu.style.display == "block"){
menu.style.display = "none";
link.innerHTML = "toon";
} else {
menu.style.display = "block";
link.innerHTML = "verberg";
}
} //end function show_comment()
</script>
<a href="#" onclick="display_box(this,'4');return false;">verberg</a>
<div style="display:block;" id="4">tesdfdf</div>
function display_box(link,id) {
menu = document.getElementById(id);
if(menu.style.display == "block"){
menu.style.display = "none";
link.innerHTML = "toon";
} else {
menu.style.display = "block";
link.innerHTML = "verberg";
}
} //end function show_comment()
</script>
<a href="#" onclick="display_box(this,'4');return false;">verberg</a>
<div style="display:block;" id="4">tesdfdf</div>
Code (php)
1
2
2
<a href="#" onclick="display_box(this,'4');return false;">toon</a>
<div style="display:none;" id="4">tesdfdf</div>
<div style="display:none;" id="4">tesdfdf</div>
