Kenntnismangel

[Carina]

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>