Jquery Accordeon-menü hover() schießt sub-menü nach Verlassen des a-Tags

Davicito

Erfahrenes Mitglied
Hallo Leute,

ich sitze gerade schon gefühlte Stunden an meinem vertikalen Menü, mit Sub-Menüs.
HTML:
<div>
        <nav>
                <ul>
                        <li>
                               <a href="/seite.php"></a>
                                <ul>
                                       <li><a href="#">[...]</a> </li>
                                        [...]
                                </ul>
                         </li>
                          [...]
               </ul>
         </nav>
</div>

Ich habe mir ein JQuery-Script gebaut, welches mein Menü mit hilfe einer SlideToggle-Animation auf und zu klappt. (Accordion-Menü)

HTML:
      $('div nav ul').find('ul').hide();
      
      // SlideToggle-Animation (Accordion)
      $('div nav ul').find('a').hover(function(){
            $(this).next('ul').stop().slideToggle();   
            $('div nav ul ul').not($(this).next()).slideUp();
       });

Mein Problem dabei ist sobald ich mein a-Tag mit der Maus verlasse, klappt sich (logischerweise) mein Unterenü ein. Es soll aber solange geöffnet bleiben, solange sich der User, mit der Maus, im Untermenü oder auf dessen a-Tag befindet.

Kann mir da Jemand fix auf die Sprünge helfen, was ich übersehen habe?

Vielen Dank an Euch in Voraus!

Davicito
 
Hi,

das Untermenü ist kein Kind von dem a-Tag.
ich denke du musst hover aufteilen in mouseenter (a-Tag) und mouseleave (li-Tag).
Wenn das nicht klappt probiere meil beides auf dem li-Tag.

Gruß Tobias
 
Zurück