Что нужно добавить в код, чтобы меню закрывалось при нажатие на любую точку экрана?

Question

[lavezzi1]

Здравствуйте. Есть простое, банальное меню.

$("#link").click(function(){
  $(".list").toggleClass("open");
});

Открывается \ закрывается по клику. А что нужно добавить, чтобы закрывалось при клики на любой участок страницы?

Answer 1

[entermix]

$(document).click(function () {
   // Скрываем меню
 });

Comments

[lavezzi1]

В итоге такая конструкция должна получится?
$("#lang").click(function(){
$(".lang-list").toggleClass("show");
$(document).click(function () {
// Скрываем меню
});
});

Не работает

[entermix]

lavezzi1:
> В итоге такая конструкция должна получится?
Нет, это отдельная конструкция..

$("#link").click(function(){
$(".list").toggleClass("open");
});

$(document).click(function () {
$(".list").hide();
});

[lavezzi1]

Спасибо. Но странно, что клике на ссылку, к списку добавляется класс open, но так же к списку добавляется атрибут - style="display: none:". В итоге выпадающий список не отображается. Откуда это?

[entermix]

lavezzi1: потому, что $(".list").hide(); (скрывает элемент) , сделайте проверку, и если класс "open" у элемента присутствует, не скрываем его.

[lavezzi1]

entermix: как это сделать, помогите пожалуйста?

[entermix]

Как то так:
$("#link").click(function(){
$(".list").toggleClass("open");
});

$(document).click(function () {

if ($("#link").hasClass("open") == false) {
$(".list").hide();
}
});

Answer 2

[Евгений Петров]

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