jquery - リスト メニューのクラスを、選択した項目だけに切り替えるにはどうすればよいですか?

Question

list-menu効果のあるを構築する必要がありhoverます。toggle他のいくつかのクラスを含むクラスが必要です。これは通常は機能しますが、トグル効果が、ホバーして選択したリストメニューだけでなく、リストメニューのすべてのリストアイテムのクラスを切り替えるという問題があります。

私はあなたに見せるためにフィドルを作りました。

JSフィドル

$(document).ready(function() {

    $("li a").hover(function() {
    $(".lvl3-hover").toggle();

})

});

Answer 1

.find()を使用して、ホバー イベントを受け取った要素の下にある要素のみをフィルタリングする必要があります。

$(document).ready(function() {
    $("li a").hover(function() {
        $(this).find(".lvl3-hover").toggle();
    });
});

Answer 2

'>'イベントホルダーの直接の子にホバーを与えます：

これを試して：

$("li a").hover(function () {
    $("> .lvl3-hover", this).toggle();
});