Ich bin schon fast zufrieden. Jedoch habe ich festgestellt, dass sich die Untermenüs nur wieder einklappen, wenn ich mich mit der Maus nach unten bewege. Es klappt nicht, wenn ich seitwärts oder nach oben gehe. Was mache ich falsch?
Code:
<script type="text/javascript">
<!--
d=document;
function show(divid)
{d.getElementById(divid).style.display="none";
d.getElementById(divid).style.display="inline";
}
function retreat(divid)
{d.getElementById(divid).style.display="none";
}
//-->
</script>
HTML:
<body>
<table border="1">
<tr>
<td>
<a href="#" onMouseOver="show('cat1')">Category 1</a><br>
<div id="cat1" style="display:none" onMouseOver="show('cat1')" onMouseOut="retreat('cat1')">
<a href="http://www.emp.de">EMP</a><br>
<a href="http://www.emp.de">EMP</a><br>
</div>
</td>
<td>
<a href="#" onMouseOver="show('cat2')">Category 2</a><br>
<div id="cat2" style="display:none" onMouseOver="show('cat2')" onMouseOut="retreat('cat2')">
<a href="http://www.rzr.de">RZR</a><br>
<a href="http://www.emp.de">EMP</a><br>
</div>
</td>
</table>
</body>
