jquery - クラスに複数のホバーを追加する方法

Question

次のホバーオーバー機能を個々のパネルでのみ機能させたい

jquery

$(".wrap").each(function () {
        $(this).hover(function () {
            $(".panel").slideToggle("fast");
        });
    });

デモはこちら

http://jsfiddle.net/zidski/4hH9j/1/

Answer 1

問題はセレクター$(".panel")にあります。クラスを持つすべての要素を選択しpanelますが、必要なのはpanel、ホバーされた要素内の.wrap要素です

また、.each()ループは必要ありません

試す

$(".wrap").hover(function () {
    $(this).find(".panel").slideToggle("fast");
});

デモ:フィドル