Как сделать так чтобы меню закрывалось при клике на любую область body, кроме меню?

Question

[Kasum01]

HTML

• 
  О компании ...
  
  
• 
  Пресс-центр ...
  
  
• 
  Услуги ...
  
  
• 
  Отрасли ...
  
  
• 
  Контакты ...
  
  

...






JS

// Menu opener hamburger

$('.menu-open').click(function() {
$('.menu-collapse').toggleClass('d-none').css('order', '1');
$('.menu').toggleClass('menu-opened');
});

Comments

[BATPYIIIKOB]

Код вставьте как code

[BATPYIIIKOB]

C учётом того, что код вёрстки примерно такой у вас:

<a href="http:///"><br/>
                                    О компании<br/></a><br/><br/></li><li><br/><a href="http:///"><br/>
                                    Пресс-центр<br/></a><br/><br/></li><li><br/><a href="http:///"><br/>
                                    Услуги<br/></a><br/><br/></li><li><br/><a href="http:///"><br/>
                                    Отрасли<br/></a><br/><br/></li><li><br/><a href="http:///"><br/>
                                    Контакты<br/></a><br/><br/></li></ul><br/><br/><br/><br/><a href="http:///"><br/><br/>Заказать звонок<br/></a><br/><br/><br/><br/><br/>  </div>
      <ul class="question__attrs inline-list">

то поменяйте вёрстку на более адекватную...

Answer 1

[Митя ТоДаСё]

ня

<div id='id_name'>...МЕНЮ...</div>

$(document).mouseup(function(e) {

var el= $('#id_name'); // <<--- сюда id блока меню 

  // тут сказано )) что если клик не по блоку `id_name`, то выполнить условие
  if (!el.is(e.target) || el.has(e.target).length !== 0) { 
  
      тут условие, например назначить display:none для блока меню....

      return false;
  }
});

Comments

[Kasum01]

Не понимаю, пожалуйста покажите как написать мне код, чтобы работало, что я хотел

Answer 2

[BATPYIIIKOB]

Если меню имеет класс .menu а открытый блок .menu-opened

$('body').not('.menu').click(function() { 
        $('.menu').removeClass('menu-opened'); 
    });