Как заставить менюшки закрываться по клику на любое место страницы?

Question

[Игорь]

В шапке есть 3 кнопки по нажатию на которые открываются менюшки. Как сделать чтобы по нажатию на любую область страницы открытая менюха закрылась?

Answer 1

[Aleksey Chernikov]

/* Скрываем меню при клике в любой части документа... */
$(document).click(function(){
  $("#yourMenuId").hide();
});

/*... за исключением клика по самому элементу  */
$("#yourMenuId").click(function(e){
  e.stopPropagation();
});

Answer 2

[Evgeny Kulakov]

Можно добавить window.addEventListener('click', function) и в обработчике проверить куда нажато, если не попали на ваше меню, то закрываем его.

Answer 3

[GreatBOND]

Как вариант(на чистом javascript) просто обрабатывать каждый щелчок, и если он не на нужном вам блоке(менюшке) - закрывать ее:

document.onclick= function(event)
{
  if ( event.target.className != 'menu' ) closeMenu();
}

Это как пример просто.