如何按顺序一起滑动和动画宽度

Question

我如何将div下拉div并将宽度设置为动画。

jquery docs网站下载了一个例子。我可以使用新的promise（）吗？

我试过了：

$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!