如何同时运行多个jQuery效果

我有一个盒子。它在jQuery中设置为hide（）。它必须淡入，同时，它必须从上到下移动一些长度。无论从上到下的长度是多少，淡入效果都应在长方体开始从顶部移动时开始，淡入效果可能在长方体完成从顶部移动时完成

这就是我所尝试的

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

但是两个函数使用不同的时间。我该怎么做

---

是工作小提琴。

尝试在相同的

动画中使用css制作两个动画

调用：

---

尝试在相同的

animate

调用中使用css执行两个动画：

---

您需要将

display:none

添加到小提琴上的CSS。您需要将

display:none

添加到小提琴上的CSS。

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

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