私はしばらくの間これを理解しようとしてきました、しかし私はただ輪になって行きます。
基本的に、2つのオプションを選択できる入力フィールドがあります。これは通常の<select>オプションではなく、<ul>2<li>のオプションです。これは私がしていることには問題ありません。
状態1：通常の入力フォームです。
状態2では、ユーザーはその上にカーソルを合わせて、（以下の例では「除外」である現在非アクティブな状態）を選択できます。
状態3の場合：非アクティブ（除外）オプションがクリックされ、現在アクティブ（包含）状態に切り替えられます。その結果、除外がアクティブ状態になります。
私はこれをjsfiddleに置きました：http：//jsfiddle.net/ULafm/13/-テキスト トグルはjsfiddleで正しく機能していませんが、開発中のローカルサーバーでは機能しています）。
最大の問題は、上の画像の状態2のように、非アクティブ状態がクリックされた後、.form-filter .link a：hoverおよび.form-filter .link：hoverからポップアップを削除することです。
私はやってみました$(".form-filter ul li").removeClass("hover")そして他のいくつかの変種のような
$(".form-filter ul .li:hover").css("display", "none")また
$(".form-filter ul li a:hover").css("display", "none")しかし、役に立たない。
LinkedInの検索は、私が行っていることと似た例です。
1つの質問に要約すると、テキストが切り替わった後、ホバー状態が消えて状態3のように見えるようにするにはどうすればよいですか？
どんな助けでも大歓迎です。