Plopputmenyn beter sig konstigt. Man måste klicka om på vissa länkar för att de skall synas. osv. Varför?
<script type="text/javascript">
<!--//
var currentMenu=false;
function sw(mnu,mode){
if(mode){
if(currentMenu){
if(currentMenu==mnu){
changeStyle(mnu,'display','none');
currentMenu=false;
}else{
changeStyle(currentMenu,'display','none');
changeStyle(mnu,'display','block');
currentMenu=mnu; }
} else {
changeStyle(mnu,'display','block');currentMenu=mnu;}
} else if (document.getElementById) {
document.getElementById(mnu).style.display=(document.getElementById(mnu).style.display=='block')?'none':'block';
}
}
function changeStyle(Id,Property,Value){
if (document.all){
eval('document.all[Id].style.'+Property+'="'+Value+'"');
} else if (document.layers){
eval('document.layers[Id].'+Property+'="'+Value+'"');
} else if (document.getElementById){
eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
}
}
function initmenu(){
var els = (document.all) ? document.all : document.getElementsByTagName("*");
for(i in els){
if (els[i].id && els[i].id.indexOf("bar_")==0)
changeStyle(els[i].id,'display','none');
}
}
window.onload = initmenu;
//-->
</script>
<style type="text/css">
<!--
.toggle{cursor:pointer; cursor:hand}
-->
</style>
</head>
<body>
<div>
<div onclick="sw('bar_1',false)" class="toggle"><span>Games</span>
<div id="bar_1">
<div onclick="sw('bar_2',false)" class="toggle"><span>Commadore 64</span>
<div id="bar_2">
<div onclick="sw('bar_4',false)" class="toggle"><span>Äventyr</span>
<div id="bar_4">
<span><a href="#">Go Kart</a></span><br>
<span><a href="#">Defender of the Crown</a></span><br>
<span><a href="#">Curse of Sherwood</a></span><br>
<span><a href="#">Last Ninja</a></span><br>
</div>
</div>
<span><a href="#">Racing</a></span><br>
<span><a href="#">Platform</a></span><br>
</div>
</div>
<div onclick="sw('bar_3',false)" class="toggle"><span>Nintendo 8-bit</span>
<div id="bar_3">
<span><a href="#">Adventure</a></span><br>
<span><a href="#">Sports</a></span><br>
<span><a href="#">Platforms</a></span><br>
</div>
</div>
</div>
</div>
<div onclick="sw('bar_85',false)" class="toggle"><span>Testlänk</span>
<div id="bar_85">
<div onclick="sw('bar_86',false)" class="toggle"><span>Testlänk 1:2</span>
<div id="bar_86">
<div onclick="sw('bar_87',false)" class="toggle"><span>Testlänk 2:2</span>
<div id="bar_87">
<div onclick="sw('bar_88',false)" class="toggle"><span>Testlänk 3:1</span>
<div id="bar_88">
<span><a href="#">Testlänk 4:1</a></span><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span><a href="#">Spektrum</a></span><br>
</div>
</body>