Осваиваю jQuerry. Начал вроде бы с простого меню с fadein/fadeout эффектом. При наведении на ссылку верхнего уровня появляется div вложенного меню. И соответственно при mouseout на этом div'е, он исчезает.
Проблема заключается в том, что mouseout срабатывает и при переходе от div'а к пунктам списка-потомка. То есть div id="par1_ch" появляется, а затем, когда я навожу курсор на пункты вложенного в него меню, он снова исчезает. Что я сделал не так?
$(document).ready(function () {
$("a.lv1.parent").mouseover(function () {
$('#' + this.id + '_ch').fadeIn('fast');
});
$("div.submenu").mouseout(function () {
$(this).fadeOut('fast');
});
});
<ul>
<li>
<a class="lv1 parent" id="par1" href="/">aaaaaaaaaaa</a>
<div id="par1_ch" class="submenu">
<ul>
<li><a href="/">bbbbbbbbbbb</a></li>
<li><a href="/">bbbbbbbbbbb</a></li>
</ul>
</div>
</li>
<li><a class="lv1" href="/">aaaaaaaaaaa</a></li>
</ul>