Hallo,
ich habe ein Problem und zwar Versuche ich, wenn ich einen Menüpunkt klicke das der sich öffnet. Das funktioniert auch. Nur wenn ich in diesem Menüpunkt nochmal einen Unterpunkt zum anklicken machen möchte klappt das nicht so rightig.
Wenn ich also auf "menu" klicke öffnet sich das Menü ganz normal. Nur sehe ich dabei schon die Unterpunkte von "menupunkt 1", erst wenn ich "menupunkt 1" anklicke verschwinden diese. Es soll aber genau andersrum sein.
Ich hoffe Ihr könnt mir helfen.
Hier mein ganzer Code:
<!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=utf-8" />
<title>Dokument</title>
<script>
<!--function change_pic(path)
{
document.getElementById("image").src=path;
}function showSmallPic(showID, hideID, tabid)
{
document.getElementById(tabid).style.position = "relative";
document.getElementById(tabid).style.left= "0";
document.getElementById(tabid).style.top= "-8";
document.getElementById(tabid).style.zIndex= "3";
document.getElementById(tabid).style.backgroundColor = "";document.getElementById(showID).style.display="";
document.getElementById(hideID).style.display="none";
}function showBigPic(showID, hideID, tabid)
{
document.getElementById(tabid).style.position = "absolute";var BrowserName = navigator.appName;
if(BrowserName == "Microsoft Internet Explorer")
{
document.getElementById(tabid).style.left= "-50";
}
else
{
document.getElementById(tabid).style.left= "+200";
}
document.getElementById(tabid).style.top= "5";
document.getElementById(tabid).style.zIndex= "9";
document.getElementById(tabid).style.backgroundColor = "#4C4C4C";document.getElementById(showID).style.display="";
document.getElementById(hideID).style.display="none";
}var list_alt=0;
var list=0;function submenu(n)
{
list_alt=list;
list=document.getElementById(n);
if(list.style.display == "none")
{
if(list_alt!=0 && list!=list_alt)
{
list_alt.style.display="none";
}
list.style.display="";
}
else
{
list.style.display="none";
if(list_alt!=0 && list!=list_alt)
{
list_alt.style.display="";
}
}
}//-->
</script>
<style>
#block
{
font-size: 13px;
color: #9f0000;
text-decoration:none;
font-family : arial;
line-height: 1.5em;
font-weight: bold;
}
</style>
</head><body>
<div id="link">
<a href="#menu" onClick="submenu('menu')"><img src="bilder/button.png" alt="button" width="80" height="80" border="0" align="middle"><strong> menu</strong></a>
</div>
<table id="menu" style="display: none;" border="0" width="450">
<tr>
<td>
<ul id="block">
<a href="#untermenu" onClick="submenu('untermenu')"><li>menupunkt 1</li></a>
<td id="untermenu">
<li>untermenupunkt 1</li>
<li>untermenupunkt 2</li>
</td>
<li>menupunkt 2</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
