Тема: hover mouseleave
Показать сообщение отдельно
  #1 (permalink)  
Старый 13.03.2020, 11:47
Интересующийся
Отправить личное сообщение для noreset Посмотреть профиль Найти все сообщения от noreset
 
Регистрация: 29.04.2017
Сообщений: 12

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. А иначе пропадал. Спасибо.
Ответить с цитированием