Submeny som forandrer seg avhengig av trykk på menyen

[Sk!ppy]

Hei,

 

Har en meny som skal forandre seg avhengig av hva jeg holder musa over.

Det har jeg klart, og det ser sånn ut:

 

Problemet er at når jeg holder musa over et annet menyvalg så blir det sånn:

 

Altså at både den første jeg holdt musa over, og den andre jeg holdt musa over er der. Det jeg vil er at når jeg holder musa over et annet menyvalg så skal det første forsvinne.

 

Koden min til nå:

        <!-- Visibility -->
           <script type="text/javascript">
           <!--
           function toggle_visibility(id) {
               var e = document.getElementById(id);
               if(e.style.display == 'block')
               e.style.display = 'none';
           else
               e.style.display = 'block';
           }
           //-->
           </script>
       <!-- //Visibility -->    

 

Jeg bytter meny med denne koden på <a> taggen: onmouseover="toggle_visibility('menu_users');"

Submenyen er en <ul> med id tag tilsavrende toggle_visibility.

 

Jeg tenkte at jeg kanskje kunne legge til class="sub" på alle submenuene, og sette display til none på alle som har class="sub" før jeg setter display til block igjen på den ene. Tror dere det ville funket? Og isåfall, hvordan gjør jeg det? (var c = document.getElementByClass() ?)