jQuery animation in sequence
<p>I have a few div elements that i want to dynamically apply an effect to in sequence.
These divs are loaded from an array so I cant manually construct the animation like this</p>

<pre><code>$(segment).animate({
    opacity: 0
}, 100, function(){
    $(segment).animate({
        opacity: 1
    }, 100);
});
</code></pre>

<p>Any idea how to solve this problem?
Somebody else suggested i use the jQuery queue but that seems to just create a queue for each element.</p>
