Hallo,
ich stehe momentan vor einem Problem und weiss nicht weiter, wie ich dies lösen kann. Nachfolgend ist mein Script beigefügt.
Auf meiner HP habe ich eine vertikale Navigation mit Untermenüs, die auch soweit gut funktioniert. Nun möchte ich aber noch eine weitere Funktion in die Navigation integrieren und zwar folgende: wenn ein Menü erweitert ist z.B. in meinem Code mit (Menue 1) bezeichnet und ein anderes Menü (Menue 2)angeklickt wird, soll das zuvor erweterte Münü automatisch die Untermenüpunkte ausblenden und die Untermenüpunkte des neuen Menüs eingeblendet werden. Genauso sollen bei einem Klick auf (Seite 1, Seite 2) die Untermenüpunkte automatisch ausgeblendet werden, auch wenn hier keine Untermenüs sind.
Besten Dank im voraus für die Unterstützung
Gruß Thomas
<head>
<script type="text/javascript">
function menue(identifier) {
var element = document.getElementById(identifier);
if (element.style.display == "block") {
element.style.display = "none";
} else {
element.style.display = "block";
}
}
</script>
<style type="text/css">
#a, #b { display: none; }
</style>
</head>
<body>
<ul>
<li><a href="test.html" onclick="menue('a');return false;">Menue 1</a>
<ul id="a">
<li>Menue 1a</li>
<li>Menue 1b</li>
<li>Menue 1c</li>
</ul></li>
<li><a href="seite1.html">Seite 2</a></li>
<li><a href="test2.html" onclick="menue('b');return false;">Menue 3</a>
<ul id="b">
<li>Menue 3a</li>
<li>Menue 3b</li>
<li>Menue 3c</li>
</ul></li>
<li><a href="seite2.html">Seite 4</a></li>
</ul>
</body>