Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 29.10.2018, 13:15
KATERchen KATERchen ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2018
Beiträge: 25
KATERchen befindet sich auf einem aufstrebenden Ast
Standard .mouseleave/ .mouseout - Problem

Hallo,
ich habe eine kleine Navigation mit einem PullDown-Menü. (übrigens mein ersten jQuery, daher wirklich simpel). Jetzt wollte ich erreichen, dass beim Verlassen des Menüs dieses wieder "eingefahren" wird. Ich habe es mit mouseleave und mouseout versucht, aber es klappt nicht.
Kann mir wer sagen, wo der Fehler liegt?

HTML-Code:
<div id="hd_naviOben">
  <ul class="hd_naviObenListe">
	<li id="hd_nOL1">Verkauf
	  <ul id="hd_nOL_show1">
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
	  </ul>
	</li>
	<li id="hd_nOL2">Infos
	  <ul id="hd_nOL_show2">
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
		<li class="hd_nOL_but"></li>
	  </ul>
	</li>
	  <li id="hd_nOL3">Ausstellungen</li>
  </ul>
</div>
Code:
$(document).ready(function(){
    $('#hd_nOL1').click(function(){
    	$('#hd_nOL_show1').toggle(150);
        $('#hd_nOL_show2').hide(150);
    })
    $('#hd_nOL2').click(function(){
    	$('#hd_nOL_show2').toggle(150);
        $('#hd_nOL_show1').hide(150);
    })
    $('#hd_naviOben').mouseleave(function(){
    	$('hd_nOL_show1, hd_nOL_show2').hide(150);
    })
Mit Zitat antworten
Sponsored Links