Samuel B. Weber: div's ein- und ausblenden

Beitrag lesen

Ich hab hier mal was gemacht was eigentlich gehn sollte!
ps: lass ich die else-befehle in der for-schleife aus funktionierts! aber das ja nicht den gewünschten effekt.

hier mal der code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
 <script language="JavaScript">
 var d = document;
 var menues = new Array("menue01", "menue02", "menue03");
 function showMenue(divName) {
   if(d.all) {
     for(var i = 0; i < menues.length; i++) {
    if(divName == menues[i]) {
      d.all[divName].style.visibility = "visible";
    } else {
      d.all[divName].style.visibility = "hidden";
    }
  }
   } else if((!d.all) && (d.getElementById)) {
     for(var i = 0; i < menues.length; i++) {
    if(divName == menues[i]) {
      d.getElementByid(divName).style.visibility = "visible";
    } else {
      d.getElementByid(divName).style.visibility = "hidden";
    }
  }
   } else if(d.layers) {
     for(var i = 0; i < menues.length; i++) {
    if(divName == menues[i]) {
      d.layers[divName].visibility = "show";
    } else {
      d.layers[divName].visibility = "hide";
    }
  }
   }
 }
 </script>
</head>

<body>
<a href="#" onclick="showMenue('menue01');">menue01</a>  <a href="#" onclick="showMenue('menue02');">menue02</a>  <a href="#" onclick="showMenue('menue03');">menue03</a>
<div id="menue01" style="position:absolute; top:100px; left:10px; height:50px; width:100px; background-Color:#CCCCCC; visibility:hidden;">
menue01
</div>
<div id="menue02" style="position:absolute; top:100px; left:115px; height:50px; width:100px; background-Color:#CCCCCC; visibility:hidden;">
menue02
</div>
<div id="menue03" style="position:absolute; top:100px; left:220px; height:50px; width:100px; background-Color:#CCCCCC; visibility:hidden;">
menue03
</div>
</body>
</html>

das ziel soll sein mit einer funktion und einem click das richtige layer einzublenden und die anderen auszublenden

sollte doch gehn oda nicht?

thX im voraus