Luk i Tree menu
Hvorfor kan kan jeg ikke få punkt 1 underpunkterne til at lukke, når jeg trykker på punkt 2?<script language="javascript" type="text/javascript">
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('TD');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
divs[i].style.display='none';
document.getElementById('o'+divs[i].id+'pic').src = "img/piloff.gif.gif";
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
document.getElementById(d.id+'pic').src = (st.display=='block')?"img/pilon.gif":"img/piloff.gif";
}
</script>
<body>
<td width="119" align="left" valign="top">
<div id="omenu1" class="menupunkt" onclick="showMenu(this);" onmouseover="this.style.color='green'" onmouseout="this.style.color='#9d52be'">
<img src="img/piloff.gif" id="omenu1pic"> Punkt 1
<div id="menu1" class="menu" onclick="event.cancelBubble=true" onmouseover="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);" onmouseover="this.style.color='green'" onmouseout="this.style.color='#9d52be'">
<img src="img/piloff.gif" id="omenu2pic"> Punkt 2
<div id="menu2" class="menu" onclick="event.cancelBubble=true" onmouseover="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</td>
