等到动画完成后再运行下一个动画

Question

我有这段代码：

$("div#element").hide("fast");
$("div#aelement-2").show("fast");

#aelement-2消失后，如何让#aelement淡出？

Answer 1

我不确定我理解你的问题，但你可以使用回调：

$("div#element").hide("fast", function() {
    $("div#aelement-2").show("fast");
});

在#aelement-2完成动画制作之前，这不会显示#element。

Answer 2

你看过文件了吗？ http://api.jquery.com/hide/

.hide( [duration] [, easing] [, callback] )

callback参数是您的答案。

Answer 3

以下是一个示例：http://jsfiddle.net/f8key/1/

您可以使用延迟（）

$("#d1").hide('fast');
$("#d2").delay('fast').show('fast');

参考：http://api.jquery.com/delay/