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);
})