<li class="header-action-buttons-wrap">
<span class="action-button">INFO</span>
<div class="info-menu-box menu-box">
<ul>
<li><a href="#">Где купить</a></li>
<li><a href="#">Оплата и доставка</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">О нас</a></li>
</ul>
</div>
</li>
function click_on_button(e) {
...
e.stopPropagation();
}
function click_on_window(e) {
$('.active').toggleClass('active');
}var click_on_menu = false;
function menuClick(e) {
...
click_on_menu = true;
}
function documentClick(e) {
if(click_on_menu) click_on_menu = false;
else $('active').removeClass('active');
}
$(document).click( function(event){
if(( $(event.target).closest(".header-action-buttons-wrap").length ))
return;
$('.header-action-buttons-wrap').removeClass('active');
event.stopPropagation();
});$('.header-action-buttons-wrap').click(function(e){
e.stopPropagation(); //эта строка остановит bubbling события до родительских элементов
$(this).addClass('active');
})
$('body').click(function(){
$('.header-action-buttons-wrap').removeClass('active');
})