Есть выпадающее меню которое открывается по клику на бургер, не могу сделать закрытие меню и по клику снова на бургер и закрытие по клику вне области если добавляю код закрытия по клику вне блока то закрытие меню по клику на кнопку не работает
$('.header__hamburger').on('click', function(){
$('.header__menu-mobile').toggleClass('mobile-menu-active');
});
Вот код закрытия меню по клику вне области
$(document).mouseup(function (e) {
var container = $(".header__menu-mobile");
if (container.has(e.target).length === 0){
$('.header__menu-mobile').removeClass('mobile-menu-active');
}
});
Совместить эти функции не получается что бы закрывало и по клику на кнопку и по клику вне области
Вот разметка
<div class="header__hamburger">
<div class="hamburger hamburger--emphatic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
</div>
<div class="header__menu-mobile">
<div class="menu-mobile__second">
<a href="#">Подарунковий набір</a>
<a href="#">Подарунковий сертифікат</a>
</div>
<div class="menu-mobile__middle bb-1">
<a href="#">Доставка і повернення</a>
<a href="#">Політика конфіденційності</a>
</div>
<div class="menu-mobile__footer">
</div>
</div>