У меня есть UL с LI внутри него, когда я нажимаю на UL, LI внутри него исчезает. У Li есть вход внутри него (форма поиска), рядом с ним у меня есть выбор входа выбрать раздел сайта, который вы хотите найти. (оба внутри LI)
Я пытаюсь сделать так, чтобы, когда фокус покидает LI и все, что находится внутри него (выбор входа, поиск ввода), он затухает. НО, прямо сейчас мой код делает так, что когда вы нажимаете UL, чтобы исчезнуть в LI, он исчезает, а затем я нажимаю на вход поиска, но когда я нажимаю на другой вход внутри LI (выберите вход) , LI будет мигать, а затем, если я снова нажму на вход для поиска, LI исчезнет ... ГАХ! я просто хочу, чтобы ЛИ исчезал, когда все это и все внутри него больше не фокусировались. Любая помощь будет принята с благодарностью.
HTML:
<ul class="ulsearch">
<li class="lisearch">
<input type="text" id="search" />
<select>
<option>EVERYTHING</option>
<option>MUSIC</option>
<option>VIDEOS</option>
</select>
</li>
</ul>
JQuery:
$('.ulsearch').click(function() {
$('.lisearch').fadeIn(100);
});
$('.lisearch').focusout(function() {
$('.lisearch').fadeOut(100);
});