jQuery的排隊問題

Question

$(".menu-container").animate({top:"25px"}); 
$(".menu-container").animate({top:"-900px"}); 
$(".windows-container").animate({top:"-730px"}); 

先生您好..我在jQuery的隊列中有一個問題..我想要做的是

$(".menu-container").animate({top:"25px"}); ----execute first then after this, 

$(".menu-container").animate({top:"-900px"});   --this one and 
$(".windows-container").animate({top:"-730px"});  --this one should execute at the same time.. 

我試過，但它不能正常工作..

$(".menu-container").queue(function(){ 
    $(".menu-container").animate({top:"25px"}); 
    $(".windows-container").animate({top:"-730px"}); 
    $(".menu-container").animate({top:"-900px"}); 
}); 

---

Answer 1

您需要時，前一個結束，這樣啓動每個動畫：

$(".menu-container").animate({top:"25px"}, function() { 
    $(".menu-container").animate({top:"-900px"}, function() { 
     $(".windows-container").animate({top:"-730px"}); 
    }); 
}); 

Answer 2

有生有可以使用後的動畫完成

$('#clickme').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    // Animation complete. 
    }); 
});