Raven: aufklappbares Untermenü

Hallo,

ich hoffe Ihr könnt mir helfen!!!

Ich habe ein Menüpunkt. Wenn ich mit der Maus
darauf zeige, klappt eine Liste auf. Bis hier ist alles OK.
Aber ich möchte, dass wenn ich auf ein Untermenü mit der Maus
zeige, soll sich noch eine Liste öffnen.
BSP:  HOME (Menüpunkt)
      Spiel 1 (Untermenü)
      Spiel 2
      Spiel 3
jetzt will ich Unter unter Menü Spiel 2.2
                                Spiel 2.3

Aber leider habe ich keine Informationen darüber gefunden.
Es ist in JavaScript geschrieben.

Könnt Ihr mir bitte helfen !!!

Ich bedanke mich im voraus

Gruss
Raven

  1. hi,

    Aber leider habe ich keine Informationen darüber gefunden.

    Worüber willst du denn Informationen finden?

    Es ist in JavaScript geschrieben.

    Gut - dann kannst du dir dort also ansehen, wie das für die erste Ebene gemacht wird - und dann implementierst du es für weitere Unter-Ebenen analog.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. hallo raven, wahsaga,
    meint ihr dies??
    <!--[if IE]>
      <script type="text/javascript" defer="defer">
       // Script, das im IE Untermenüs anzeigt
       li = document.getElementsByTagName("li");
       for(i=0;i<li.length;i++)
       {
        li[i].onmouseover = function()
        {
         this.style.background = "#0A246A";
         this.style.color = "#fff";
         for(n=0;n<this.childNodes.length;n++)
          if(this.childNodes[n].tagName == "UL")
           this.childNodes[n].style.display = "block";
        }
        li[i].onmouseout = function()
        {
         this.style.background = "";
         this.style.color = "";
         for(n=0;n<this.childNodes.length;n++)
          if(this.childNodes[n].tagName == "UL")
           this.childNodes[n].style.display = "none";
        }
       }
      </script>
      <style type="text/css">
       #menu li ul
       {
        margin-top:    15px;
        margin-left:   -38px;
       }
       #menu li ul li
       {
        margin-left:   0;
        padding-left:   0;
       }
      </style>
      <![endif]-->