Jquery 淡出队列

Question

我有两个 div。一种是黑色背景，一种是紫色。我使用 jquery 淡出黑色 div 并淡入紫色 div。然而，似乎两者都试图同时发生。

我的问题是如何让紫色 div 在且仅在紫色 div 完全淡出之后淡入。我听说过queue方法，但不太清楚如何使用。

$("div.black").fadeOut();
$("div.purple").fadeIn().queue(); // <-- purple div still trys to fade in
// while black div is fading out.  
// I need the purple div to wait 
// until that black div has completely faded out.

Answer 1

像这样

$("div.black").fadeOut(function(){
    $("div.purple").fadeIn();
});