@yadscreech

Закрыть меню при клике на пустую область JQuery?

Есть выпадашка её нужно закрыть при клике на пустую область, но проблема в том что когда я жму на меню, оно открывается и сразу закрывается (из-за того что сделал при клике на секцию закрытие вкладки), помогите как-то решить
Вот прототип работы меню https://codepen.io/yaroslavdmitriev/pen/XwRBvz
  • Вопрос задан
  • 607 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
При клике на документ нужно смотреть на целевой элемент, если клик был на закрываемом элементе (или внутри его, если там есть вложенные элементы), то закрывать не нужно в этом обработчике.
https://codepen.io/anon/pen/oRWQRP
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
QQQ-RRR
@QQQ-RRR
Ответ написан
Комментировать
@dk-web
Не умею я красиво фиддл вставлять.
А вообще когда делал меню на jq - я делал через slideUp.
Данво это было, но вдруг пригодится
$('#toggle-btn').click(function(e) {
	$('.menu nav').slideToggle('fast');
});

$('section, header, .menu nav li ').click(function(){
  if ($(window).width()<910){
     $('.menu nav').slideUp('fast');
  }
});

$('.menu nav').mouseleave(function(){
  if ($(window).width()<910){
     $('.menu nav').slideUp('fast');
  }
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы