等到動畫完成運行下一個

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

你看過文檔嗎？​​

.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/