Hallo Ernie,
wie kann ich das lösen???
Quick & Dirty aber als Anregung vll hilfreich:
<script type="text/javascript">
function show(liObj) {
for (var i=0; i<li_main.length; i++){
if (li_main[i] == liObj)
for (var j=0; j<li_main[i].sub.length; j++){
li_main[i].sub[j].style.display = "";
}
else
for (var j=0; j<li_main[i].sub.length; j++){
li_main[i].sub[j].style.display = "none";
}
}
}
function auto(){
root = document.getElementById("Nav");
li_main = new Array();
var uul = new Array();
var k=0;
for (var i=0; i<root.childNodes.length; i++){
if (root.childNodes[i].nodeType == 1){
li_main.push(root.childNodes[i]);
li_main[li_main.length-1].onclick = function() { show(this); };
uul[k] = new Array();
uul[k] = li_main[li_main.length-1].getElementsByTagName("ul");
uul[k][uul[k].length-1].style.display = "none";
li_main[li_main.length-1].sub = uul[k];
k++;
}
}
}
var root = null;
var li_main = null;
window.onload = function(){ auto(); };
</script>
für eine solche Konstruktion:
<ul id="Nav">
<li>Schüler1
<ul>
<li><a target="haupt" href="#">Ausland1</a></li>
<li><a target="haupt" href="#">Ausland2</a></li>
<li><a target="haupt" href="#">Ausland3</a></li>
</ul>
</li>
<li>Schüler2
<ul>
<li><a target="haupt" href="#">Ausland1</a></li>
<li><a target="haupt" href="#">Ausland2</a></li>
<li><a target="haupt" href="#">Ausland3</a></li>
<li><a target="haupt" href="#">Ausland4</a></li>
</ul>
</li>
</ul>
Mit freundlichem Gruß
Micha