Carina: Kenntnismangel

Hallo Leute!

Ich hab mir den Code von einem Foldout Menu aus dem Internet geholt, jedoch hab ich noch ein kleines Problem.
Wenn man auf den Unterpunkt klickt, dann schließt sich das Menu. Ich hätte aber gerne, dass das Menu so lange offen bleibt, bis man den "Hauptpunkt" wieder anklickt.

Ich hoffe nun auf Javascript Spezialisten, die mir so schnell wie möglich helfen können. Großes Dankeschön im Voraus.

Carina

Hier der Code:

<style type="text/css" media="screen">
<!--

#menu{padding: 5px;
      margin: 0px;}

#menu ul{padding-left:5px;}

#menu li{text-decoration: none;
    border: 1px solid #990000;
  list-style:disc;
  font-family: Swis721 Ex BT, Eras Medium ITC, Verdana;
  font-size:12pt;
  cursor: pointer;
  display:block;}

#menu a{text-decoration: none;
 list-style:disc;
        font-family: Swis721 Ex BT, Eras Medium ITC, Verdana;
 font-size:12pt;
 color:#000000;
 display:block;}

#menu a:hover{font-family:Swis721 Ex BT, Eras Medium ITC, Verdana;
       color:#ffffff;
       font-size:12pt;
       text-decoration:none;}

#menu active{font-family:Swis721 Ex BT, Eras Medium ITC, Vedana;
             color:#333333;
      font-size:12pt;
      text-decoration:none;}

//-->
</style>

<script type="text/javascript">
<!--
function hideSub()
{
 if (!document.getElementsByTagName)
  return;

var mnu    = document.getElementById('menu');
 var toplis = mnu.getElementsByTagName('li');

for (var it = 0; it < toplis.length; it++)
 {
  var sublis = toplis[it].getElementsByTagName('li');

for (var is = 0; is < sublis.length; is++)
   if (sublis[is].style)
    sublis[is].style.display = (toplis[it].className == 'show') ? 'block' : 'none';
 }
}

function mShow(Me)
{
 if (!Me.getElementsByTagName)
  return;

var mylis = Me.getElementsByTagName('li');

if (!mylis)
  return;

for (j = 0; j < mylis.length; j++)
  mylis[j].style.display = (mylis[j].style.display == 'block') ? 'none' : 'block';
}
//-->
</script>

  1. Ich hätte aber gerne, dass das Menu so lange offen bleibt, bis man den "Hauptpunkt" wieder anklickt.

    Kann auf die schnelle nur vermuten.
    Die Funktion hideSub, lass sie doch einfach raus.
    Teste mal kann mich auch irren.

    Jens

    <script type="text/javascript">
    <!--
    function hideSub()
    {
    if (!document.getElementsByTagName)
      return;

    var mnu    = document.getElementById('menu');
    var toplis = mnu.getElementsByTagName('li');

    for (var it = 0; it < toplis.length; it++)
    {
      var sublis = toplis[it].getElementsByTagName('li');

    for (var is = 0; is < sublis.length; is++)
       if (sublis[is].style)
        sublis[is].style.display = (toplis[it].className == 'show') ? 'block' : 'none';
    }
    }

    1. Nein, das wars leider nicht.
      Hab auch schon probiert in der letzten Zeile das 'show', 'block' und 'none' auszutauschen, aber das hilft leider auch nicht.

      Hat sonst noch jemand eine Idee??

      Carina