jquery - スライド ダウン メニューが下にスライドするが、上にスライドしない

Question

jQueryを使用してドロップダウンメニューを作成しました

$(document).ready( function() {
    $('ul.menu li').mouseover( function() {
        $('ul', this).slideDown(200, function(){
        $('ul.menu li ul').mouseout( function() {
            $('ul', this).slideUp(200, function(){
                $(this).stop();
            });


        });
        });
    })
});

しかし、マウスオーバーした後は非表示になりません。

Answer 1

mouseover 関数内で mouseout 関数をバインドしているためだと思います。

次のように修正してみてください。

$(document).ready( function() {
    $('ul.menu li').mouseover(function() {
        $('ul', this).slideDown(200);
    });
    $('ul.menu li ul').mouseout( function() {
        $('ul', this).slideUp(200);
    });
});