Всем привет. Помогите разобраться с меню, пожалуйстаааа).
У меня меню
<ul>
<li><a href="#" class="show">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
<div class="block">...</div>
Мне нужно, чтобы при наведении на .show открывался блок .block. Это я сделал. Но как только я убираю курсор с .show, мой блок пропадает.
Вот мой js
jQuery('.show').hover(function(){
jQuery('.block').stop().slideDown()
}, function(){
jQuery('.block').mouseleave(function(){
jQuery('.block').delay(500).slideUp()
});
});
Работает как то глючно, первый раз норм, а потом нет. И блок не исчезает иногда, когда я на другие пункты навожу. Как мне это правильно вы сделать, чтобы блок оставался когда я навожу на .show и на .block. А иначе пропадал. Спасибо.
