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

Question

[moslem]

По клику на ссылку "личный кабинет" открывается скрытый div, реализовано это слишком просто через функцию toggle, а вот как можно сделать чтоб при нажатии на любую область экрана оно автоматически скрывалось? Если есть готовое решение, тоже не прочь был бы увидеть.

Answer 1

[Дима Паутов]

Ну можно так

$('.myAlert').on('click', function(event) {
	event.stopPropagation();
});

$(document).on('click', function(){
	$('.myAlert').hide();
});

Comments

[moslem]

спасибо

[65536]

я бы к $(document).on('click еще уточняющий неймспейс добавил

Answer 2

[Константин Громов]

Можно уложиться в один обработчик:

$(document).click(function(event) {
  if (!$(event.target).closest(".myAlert").length) {
    $(".myAlert").hide();
  }
});