jQuery动画队列：true同时发生

我一直在努力编写这段代码，想方设法让我的动画一次发生一个，但它们都是同时动画的。仅供参考，我没有使用任何CSS转换，因此在这种情况下，这不会成为一个因素

代码如下：

Javascript:

$（'#event-card-container2'）。动画（{opacity:'0'}，{duration:600，queue:true}）
$（'#event-card-container1'）。动画（{opacity:'0'}，{duration:600，queue:true}）

Html:

风格：

CSS------
#事件-卡片-容器1{
利润率：20px；
背景色：#fff0ea；
不透明度：0；
}
#事件-卡片-容器2{
利润率：20px；
背景色：#fff0ea；
不透明度：0；
}

我应该指出css表明divs上的不透明度最初设置为0；滚动时，当div在视口中时，我将框淡入

不透明度：1

。。。因此，当我尝试将它们淡出不透明时，它们实际上是可见的：单击按钮后为0。我只想让它们一次一个地淡出，但事实并非如此

---

谢谢您的任何想法。

请正确设置代码格式，并用不同的代码标记分隔文件。谢谢您提供的格式化提示。看起来更好更清晰。顺便说一句，尝试将第二个$.animate设置为延迟600毫秒的setTimeout。这是个好主意！非常感谢。