JS Menü

[sarah]

das Menü sollte aufgeklappt stehen bleiben wenn man auf einen Link klickt, zum Beispiel unter Ausbildung. Leider funktioniert das ganze nicht. Ich bin totaler Anfäger und brauche Hilfe ;-)

<script type="text/javascript">
function montre(id)
{
 with (document)
 {
  if (getElementById)
   getElementById(id).style.display = 'block';
  else if (all)
   all[id].style.display = 'block';
  else
   layers[id].display = 'block';
 }
}
function cache(id)
{
 with (document)
 {
  if (getElementById)
   getElementById(id).style.display = 'none';
  else if (all)
   all[id].style.display = 'none';
  else
   layers[id].display = 'none';
 }
}
      </script>
            <div class="menu">
              <ul>    <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
                <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
                </ul>    </li>    <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Praxis</a>
                <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
                </ul>    </li>                                     <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Trailer</a>
                <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
                </ul>    </li>                                                     <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Stimmen</a>
                <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
                </ul>                                     </li>
                <li class="ausbildung">
                  <a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Ausbildung</a>
                  <ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">        <li>
                    <a href="farbwelt_rot.html">Konstruktionsmechaniker</a></li>        <li>
                <a href="farbwelt_gruen.html">KFZ Mechatroniker</a></li>
              </ul>                                                     </li>                 <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Kontakt</a>
              <ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
              </ul>                                     </li>                         <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Bewerben</a>
              <ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">        <li>
                <a href="">Bewerbungsformular</a></li>        <li> </li>
              </ul>    </li>                         <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Impressum</a>
              <ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
              </ul>    </li>
              </ul>
              <br>
              <br>
            </div>