<html>
<head>
<style type="text/css">
div {
width: 100px;
}
</style>
<script type="text/javascript">
var mstat = new Array();
function menu( mid, mdepht) {
if (mstat[mdepht] == undefined) {
mstat[mdepht] = "";
}
if (mstat[mdepht] != "" && mstat[mdepht] != mid) {
window.document.getElementById(mstat[mdepht]).style.display = "none";
}
if (mstat[mdepht] != mid) {
window.document.getElementById(mid).style.display = "block";
if (mid == "m1" || "m2" && mid != "mu1" && mid != "mu2") {
window.document.getElementById(mid).style.paddingLeft = 50;
}
mstat[mdepht] = mid;
} else {
window.document.getElementById(mid).style.display = "none";
mstat[mdepht] = "";
}
}
</script>
</head>
<body>
<a href="" onClick="menu('m1',1);return false;"><img src="../menu/images/background1.jpg"></a><br>
<div id="m1" style="display:none;">
<a href="" onClick="menu('mu1',2);return false;">Unterpunkt 1</a><br>
<div id="mu1" style="display:none;">
<a href="">bla 1</a><br>
<a href="">bla 2</a>
</div>
<a href="sd">bla h3</a>
</div>
<a href="" onClick="menu('m2',1);return false;"><img src="../menu/images/background2.jpg"></a>
<div id="m2" style="display:none;">
<a href="" onClick="menu('mu2',2);return false;">Unterpunkt 2</a><br>
<div id="mu2" style="display:none;">
<a href="">bla 1</a><br>
<a href="">bla 2</a><br>
</div>
<a href="sd">bla 3</a>
</div>
</body>
</html>