Dynamisk menu, folde de andre menu punkter ind
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function showMenu(pic,sub){
var d = document.getElementById(sub).style;
pic.src = d.display != 'block' ? "pil_ned.gif" : "pil_right.gif";
d.display = d.display != 'block' ? "block" : "none";
}
</script>
</head>
<body>
Filename: <i>/testmig/menu_der_ruller_ned_med_css_og_javascript.php</i> <br />
<hr />
<div id="menuFunktioner" class="menu">
<img src="pil_right.gif" onclick="showMenu(this,'underFunk');" style="cursor:pointer;">
Menu - Support
<div id="underFunk" style="display:none;">
<a href="">Servicecentret / Svar</a><br>
<a href="">Åbningstider / Svar</a><br>
<a href="">Priser / Svar</a><br>
<a href="">RMA / Svar</a><br>
<a href="">FAQ / Svar</a><br>
</div>
</div>
<div id="menuFunktioner" class="menu">
<img src="pil_right.gif" onclick="showMenu(this,'underFunk2');" style="cursor:pointer;">
Menu - Support
<div id="underFunk2" style="display:none;">
<a href="">Servicecentret / Svar</a><br>
<a href="">Åbningstider / Svar</a><br>
<a href="">Priser / Svar</a><br>
<a href="">RMA / Svar</a><br>
<a href="">FAQ / Svar</a><br>
</div>
</div>
<hr />
</body>
</html>
Følgende script giver mig 2 menupunkter der indeholder nogle underpunkt og kunne tænke mig at når men åbner 1, så lukker den alle andre øvrige åbne menuer....
Hvordan går jeg det lettes??
