Не могу понять, как сделать закрытие меню, нажимая на пустое поле?

Question

[tosha73]

Возникли 2 проблемы:
1. Я не могу понять как мне скрестить JS код

а именно, как сделать, чтобы при нажатие на

$('#search').click(function(e){
var $s = $('#searchdiv');
if ($s.css('display') != 'block') {
$s.fadeIn(200);
var firstClick = true;
$(document).bind('click.myEvent',function(e){
if (!firstClick && $(e.target).closest('#searchdiv').length == 0) {
$s.fadeOut(200);
$(document).unbind('click.myEvent');
}
firstClick = false;
});
};
e.preventDefault();
});

срабатывал ещё один стиль - wrapblur

2. Как сделать, чтобы при вызове одного меню, другое скрывалось

$('#team').click(function(e2){
if($('#team-menudiv').css('display')=='block'){
$('#team-menudiv').fadeOut(200);
$('#wrapblur').fadeOut(200);
$('#wrap').removeClass('blur');
}else{
$('#functiondiv').fadeOut(200);
$('#team-menudiv').fadeIn(200);
$('#wrapblur').fadeIn(200);
};
});

$('#menu').click(function(e1){
if($('#menudiv').css('display')=='block'){
$('#menudiv').fadeOut(200);
$('#wrapblur').fadeOut(200);
$('#wrap').removeClass('blur');
}else{
$('#functiondiv').fadeOut(200);
$('#menudiv').fadeIn(200);
$('#wrapblur').fadeIn(200);
$('#wrap').addClass('blur');
};
});

Все можно посмотреть на - https://newcsgosettings.at.ua/

Answer 1

[Арсений Матыцин]

Привяжи перехват клика к #wrapblur. Кстати, не используй ID на странице просто так.
Или воспользуйся всплытием и перехватом событий.

А, тю, невнимательно прочитал.
Тебе надо в каждой функции скрывать все, что должно быть скрыто, даже если элемент не отображен. Или привязать проверку к переменной «глобальной»-триггеру.

Comments

[tosha73]

Я не знаю как это сделать. Извините.