内部に LI を含む UL があります。UL をクリックすると、その内部の LI がフェードインします。Li の内部には入力 (検索フォーム) があり、その隣には、検索したいウェブサイトのセクション (両方とも LI 内)
フォーカスがLIとその中のすべて(選択入力、検索入力)を離れると、フェードアウトするようにしようとしています。しかし、今私のコードでは、ULをクリックしてLIをフェードインするとフェードインし、検索入力をクリックしますが、LI内の他の入力をクリックすると(入力を選択) 、LI が点滅し、検索入力をもう一度クリックすると、LI がフェードアウトします... GAH! 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);
});