如何滑動並按順序在一起動畫寬度

Question

我該如何滑動一個div並一起製作寬度的動畫。

jquery文檔網站是看看一個例子。我可以用這個新的諾言（）嗎？

我曾嘗試：

$foo.slideDown({duration:500},function(){ 
    $dropDown.animate({"width": 400}, 450); 
}); 

而且

$foo.slideDown({duration:500}).animate({"width": 400}, 450); 

無論做一前一後。

Answer 1

嘗試清除「排隊」

$foo.slideDown({duration:500, queue:false}).animate({"width": 400}, 450); 

Answer 2

如果你有一個設定的高度，你可以只使用動畫代替

$foo.show().animate({"width":500,"height":500},450); 

Answer 3

第一個例子是不行的，因爲你的功能當slideDown動畫完成時，只創建調用。

第二個例子幾乎完全相同，只是以不同的方式。

但是，如果你只需要調用這兩個函數，像這樣：

$foo.slideDown({duration:500}); 
$dropDown.animate({"width": 400}, 500); 

他們應該並行運行（或者，或多或少，似乎是）。

Answer 4

也許你想找的是這樣的：

W = $foo.css('width')==orgWidth ? 400 : orgWidth; 
$foo.animate({height: "toggle", width: W}, 500); 

Fiddle here!

或者只是滑了下來：

$foo.animate({height: "show", width: 500}, 500); 

Another Fiddle here!