jQuery - Animate然后隐藏

Question

在jQuery中，我如何为元素设置动画然后隐藏它？

jsFiddle

$(".btn-disapear").click(function () {
    var $this = $(this);
    $(this).closest(".panel").animate({
        opacity: 0
    }, 500).slideUp(400);
});

Answer 1

使用jQuery＆＃39; .animate()回调函数。

$(".btn-disapear").click(function () {
    var $this = $(this);
    $(this).closest(".panel").animate({
        opacity: 0
    }, 500, function() {
        $(this).hide(); // applies display: none; to the element .panel
    });
});

Answer 2

使用jquerys animate函数的完整参数

$(".btn-disapear").click(function () {
    var $this = $(this);
    $(this).closest(".panel").animate({
        opacity: 0
    }, 500, function(){
        $(this).hide(); //alt $(this).slideUp(400);
    });
});

希望这有帮助