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

Question

[yadscreech]

Есть выпадашка её нужно закрыть при клике на пустую область, но проблема в том что когда я жму на меню, оно открывается и сразу закрывается (из-за того что сделал при клике на секцию закрытие вкладки), помогите как-то решить
Вот прототип работы меню https://codepen.io/yaroslavdmitriev/pen/XwRBvz

Answer 1

[Сергей delphinpro]

При клике на документ нужно смотреть на целевой элемент, если клик был на закрываемом элементе (или внутри его, если там есть вложенные элементы), то закрывать не нужно в этом обработчике.
https://codepen.io/anon/pen/oRWQRP

Answer 2

[Aleksandr]

Так ? https://codepen.io/anon/pen/WBjgrx

Answer 3

[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');
  }
});

Comments

[Rustam Bainazarov]

А что тут уметь?

Кнопка «+» и выбираете JSFiddle.

[dk-web]

Рустам Байназаров, спасибо) честно не знал

[Rustam Bainazarov]

dk-web, да не за что :))