Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   hover mouseleave (https://javascript.ru/forum/jquery/79715-hover-mouseleave.html)

noreset 13.03.2020 11:47

hover mouseleave
 
Всем привет. Помогите разобраться с меню, пожалуйстаааа).
У меня меню
<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. А иначе пропадал. Спасибо.


Часовой пояс GMT +3, время: 11:59.