不要淡出，直到fadeOut完全完成

Question

当我点击一个按钮时，我就这样了，旧框淡出，新框消失。

我不想在.fadeOut（）完成之前发生.fadeIn（）。这样就永远不会有两个容器同时出现的时间。

我将如何做到这一点？

Answer 1

要执行此操作，只需使用fadeOut()回调：

$('#thing').fadeOut('slow', function() {
    // Animation complete.
    $('#otherThing').fadeIn();
});

Answer 2

我个人会尝试：

$("#button").click(function(e){
    $("#thing1").fadeOut(1000);
    $("#thing2").delay(1000);
    $("#thing1").fadeIn(1000);
});

我在jQuery中做了很多类似的效果，我95％肯定这会起作用。