The menu does not close

Question

What do I need to finish to hide the menu? I click on any point in the browser the menu closes, I press the menu button not to close, I ask for help:

$('div#header-profile').on("click", function(){ $('div.header-profile-menu, div.header-profile').addClass('open'); }); $('div#header-ntf').on("click", function(){ $('div.header-ntf-menu').addClass('open'); }); $(document).mouseup(function (e){ var div = $("div.header-profile-menu, #header-profile, div#header-ntf, .header-ntf-menu"); if (!div.is(e.target) && div.has(e.target).length === 0){ div.removeClass('open'); } });

Answer 1 · 2017-02-03T19:54:36

 $('div#header-profile').on("click", function(){ if(!$('div.header-profile-menu, div.header-profile').hasClass('open')){ $('div.header-profile-menu, div.header-profile').addClass('open'); }; }); $('div#header-ntf').on("click", function(){ if(!$('div.header-ntf-menu').hasClass('open')){ $('div.header-ntf-menu').addClass('open'); }; }); $(document).click(function() { var div = $("div.header-profile-menu, #header-profile, div#header-ntf, .header-ntf-menu"); if(div.hasClass('open')){ div.removeClass('open'); }; });

And how to make it close when you press the button and not just on any part of the screen?
Closes as it did when you clicked anywhere in the browser, and when you click on the button it does not close (
@ Vladislav, I have corrected the code, it will be closed now

The menu does not close

1 answer 1

More articles: