jQuery动画序列

我有几个div元素，我想按顺序动态应用效果。 这些div是从数组加载的，所以我不能像这样手动构建动画

$(segment).animate({
    opacity: 0
}, 100, function(){
    $(segment).animate({
        opacity: 1
    }, 100);
});

你知道怎么解决这个问题吗？

---

其他人建议我使用jQuery队列，但这似乎只是为每个元素创建一个队列。

我没有使用大家提到的jQuery队列，所以只使用了一个数组和一个计时器。小提琴在这里：

一些HTML

<div></div>
<div></div>
<div></div>
<div></div>

我认为jquery queue只适用于这种情况……如果我理解正确，您希望在每个DIV上逐个应用动画：动画结束后，第一个DIV，第二个开始动画，依此类推。是吗？我想他只是想重现jQueryUI的脉动效果…不，这只是我想到的一个简单的例子。。。我目前正在将一些随机div加载到一个数组中，并希望对每个div应用效果。如果我使用foreach循环，那么所有的效果都会同时发生。。。我想一个接一个的做一个数组的效果，酷。。。这正是我想要的。

<div></div>
<div></div>
<div></div>
<div></div>