Мое навигационное меню не закрывается, когда не нажимается ссылка. У меня есть кодовая ручка

var nav = $('#menu > ul > li');
nav.find('li').hide();
nav.click(function () {
nav.not(this).find('li').hide();
$(this).find('li').slideToggle();
});
$(function() {  
$('#menu input').click(function () { 
$('#menu ul').slideToggle() 
});
});

https://codepen.io/lootstep/pen/WNxqvew

Любые идеи?

1
L0ot 20 Ноя 2020 в 21:46

1 ответ

Лучший ответ

Добавьте этот обработчик событий в свой JavaScript:

nav.mouseleave(function () {
  $(this).find("li").hide()
});

mouseleave - это обработчик событий в jQuery, который регистрируется, когда указатель мыши покидает элемент. В этом случае мы отслеживаем, когда он покидает панель навигации. Когда это происходит, мы находим все элементы списка и скрываем их.

1
berkobienb 20 Ноя 2020 в 19:41