div淡出和下一个div slideUp

Question

有3个div，带有一个按钮，可以使当前div淡出。

如何在当前div淡出后滑动下一个div？

jsFiddle

$(".btn-disapear").click(function() {
    $(this).closest(".panel").fadeOut(400);
    $(".this-message").delay( 400 ).fadeIn(400).delay(900).fadeOut(400);
    $(this).parent().next(".panel").slideUp(2000);
});

Answer 1

你应该使用

.fadeOut( "slow", function() { 
    //slide up in here
};

希望这有帮助

完整性

$(".btn-disapear").click(function() {
    $(this).closest(".panel").fadeOut(400, function(){
        $(".this-message").fadeIn(400).delay(900).fadeOut(400, function(){
            $(this).parent().next(".panel").slideUp(2000);
        });  
    });  
});

Truez

Answer 2

使用.animate()和.slideUp()回调函数：

$(".btn-disapear").click(function() {

    $(this).closest(".panel").animate({opacity: 0}, 500).slideUp(2000, function() {
        $(".this-message").fadeIn(400, function() {
            $(this).delay(900).fadeOut(400);
        });

    });

});

Working JSFiddle