在jquery动画中指定不同的延迟/持续时间？

Question

在同一元素上同时进行多个动画时，如何为两者指定不同的持续时间和延迟时间？

例如，如果我想让div增长，并在增长的后半段淡出它，我会做

mydiv.animate({width:450,height:250},1000); 
mydiv.delay(500).animate({opacity:0},500);

然而，这些是顺序执行的，而不是同时执行的。我怎样才能达到预期的效果？

Answer 1

<强> jsBin demo

只需为第一个动画集设置queue: false。

mydiv.animate({
   width: 450,
   height:250
}, { duration: 1000, queue: false });

mydiv.delay(500).animate({
   opacity:0
}, { duration: 500});