jquery - Jqueryアニメーションの「ホバー」がアイテムを削除するために失われました

Question

アニメーション「ホバー」を失うことなくリストからアイテムを削除しようとしています: jsfiddle

コード

$(window).load(function() {

    $('.parent').hover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideToggle("fast");

    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​

Answer 1

このデモを試してみてください http://jsfiddle.net/pYa87/

API:

• .mouseover- http://api.jquery.com/mouseover/
• .slideUp- http://api.jquery.com/slideUp/

それが原因に適合することを願っています:)

コード

$(window).load(function() {

    $('.parent').mouseover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideDown("fast");

    }).mouseout(function() {

        $(this).find('.child').dequeue().stop().slideUp("fast");
    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​

Answer 2

あなたのアプローチは理にかなっていますが、残念ながらうまくいきません。私はフィドルを修正し、あなたがやろうとしていることに基づいてできることを実装しました。

$(window).load(function() {

    $('.parent').hover(function() {
        $('.child').stop().slideDown('fast');
    }, function() {
        $('.child').stop().slideUp('fast');
    });

    $('.binda').click(function() {
        $(this).remove();
    });

});​

フィドル