Как скрыть меню по нажатию на другую часть экрана?

Question

[b_efimenko]

Как средствами js по нажатию на любую часть не меню (та что серая) само меню скрывалось?

Answer 1

[Алексей Чернышев]

Вот еще вариант.

Есть меню в любом месте документа

<ul id="menu">
	<li></li>
	...
</ul>

Проверяем событие по клику на body.

Если кликнули на любой элемент, который находится в меню, то ничего не делаем,
если кликаем в любое другое место, то закрываем меню.

$('body').on('click', function(event){

var  $menu = $('#menu'),
     $target = $(e.target);

//если кликнули в любом другом месте, вне меню - скрываем его
if (!$menu.find($target).length) $menu.hide();

});

Я чаще всего так делаю.

Answer 2

[Александр Аксентьев]

Ну если экран затемняется при открытии этого меню, то очень просто.

Грубо говоря

$('.gray_div').click(function(){
    $('.menu').hide();
});

Только идея, дальше уже сами исходя из своего контекста делайтею

Answer 3

[Vadim Bogomazov]

Вероятно нужно что-то типа этого

Answer 4

[svd71]

использовать событие onmouseout при покидании меню.