Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.03.2020, 10: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. А иначе пропадал. Спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Hover не меняется на другой слайд ethereal Элементы интерфейса 0 31.08.2019 03:46
Изменение свойства :hover по клику дива BoB jQuery 6 21.10.2012 12:36
Установка цвета через функцию .css() сбрасывает цвет для :hover xintrea jQuery 4 18.08.2012 14:38
:hover и :active у дочерних и родительских элементов Dimus Элементы интерфейса 6 03.06.2012 18:54
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 12:28