Второй label ведет себя странно?

Question

[Дмитрий]

Сделал вот такое. У меня есть два label – Search и Ico
При клике на Ico, сценарий срабатывает как положено. При клике на Search срабатывает всё, кроме вот этого участка (4 строка)

$('.js-search__form').removeClass('search__form_hide');

Почему так?

Answer 1

[Дмитрий Гавриленко]

Проблема в

$(document).mouseup(function (e){
		var div = $('.js-search__form');
		if (!div.is(e.target)
				&& div.has(e.target).length === 0) {
			$('.search-field').val('');
			$('.search-btn').removeClass('is-change');
			$('.js-ui-select').removeClass('is-show');
			setTimeout(function(){
				$('.js-search__form').addClass('search__form_hide');
			},100);
		}
	});

а конкретно в

setTimeout(function(){
	$('.js-search__form').addClass('search__form_hide');
},100);

пересмотри логику функции

UPD:
селектор замени на
var div = $('.js-search__lable');
или проверяй условие на оба селектора

Comments

[Дмитрий]

Спасибо, недоглядел

[Дмитрий]

Заменить на var div = $('.js-search__lable'); не поможет, ибо внутри, при клике на кастом селект, он бы закрывался. Заменил на .search– общий для них контейнер