Skjul flere ting på een gang
Jeg vil gerne kunne tænde og slukke for flere elementer på en gang. Koden allernederst er god, bortset fra at den ikke kan skjule flere elementer ad gang hvis de IKKE ligger dev siden af hinanden (dvs. hvis de ikke kan ligge inden under den samme DIV).Hvordan kan man slukker for flere elementer i ét klik?
<html>
<head>
<script language="javascript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function showhide(id) {
if (ns4) {
if (document.layers[id].visibility == "show"){
document.layers[id].visibility = "hide";
} else {
document.layers[id].visibility = "show";
}
} else if (ie4) {
if (eval("document.all." + id).style.display == "none")
eval("document.all." + id).style.display = "";
else
eval("document.all." + id).style.display = "none";
}
}
</script>
</head>
<body>
<a href="#" onClick="showhide('Layer1')">Klik her</a>
<a href="#" onClick="showhide('Layer2')">Klik her</a>
<a href="#" onClick="showhide('Layer3')">Klik her</a>
<h1>Øverst</h1>
<div id="Layer1" style="display:none;">Denne tekst vises når der klikkes</div>
<div id="Layer2" style="display:none;">Lag 2:Denne tekst vises når der klikkes</div>
<div id="Layer3" style="display:none;">Lag 3: Denne tekst vises når der klikkes</div>
<h3>Nederst</h3>
</body>
</html>
