如何同时运行多个jQuery效果

Question

我正试图实现这一点。有一个盒子。它设置为在jQuery中隐藏（）。它必须淡入，同时它必须从上到下移动一些长度。无论从上到下的长度如何，淡入效果都应该在盒子从顶部开始移动时开始，并且当盒子从顶部移动完成时淡入效果可以完成。

这是我试过的;

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

和

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

但两个函数使用不同的时间。我怎样才能做到这一点？

Here是工作小提琴。

在此先感谢... :)

Answer 1

尝试做与CSS动画都在同一animate电话：

http://jsfiddle.net/xHrBq/

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