如何同时运行多个jQuery效果

Question

我有一个盒子。它在jQuery中设置为hide（）。它必须淡入，同时它必须从上到下移动一些长度。无论从上到下的长度如何，当盒子从顶部开始移动时，淡入效果应该开始，当盒子从顶部完成移动时，淡入淡出效果可以完成。

这是我尝试过的;

<div id="div1">div</div>

和

$("#div1").animate({"margin-top": 200,});
$('#div1').fadeIn("slow");

但是两个函数使用不同的时间。我怎么能这样做？

Here 是工作小提琴。

Answer 1

尝试在同一animate电话中使用css制作两种动画：

http://jsfiddle.net/xHrBq/

$("#div1").animate({
    'margin-top': 300,
    'opacity': 1
}, 1000);