Chaining JQuery animations through iteration
<p>I have a number of divs next to each other (horizontally) and want the width of each of them, sequentially.  Ideally they should look like one long div that grows to the right from the left.  My issue is that they all start growing simultaneously.  Each div has the name 'div' with a number at the end, and I'm using 'i' as that number.  This should be dynamic because I don't know what 'i' is going to be. Can I chain this through iteration? Thank you.</p>

<pre><code>for (i = 0; i &lt;= count; i++)
    {
        $('#div' + i).animate( {
            "width": "toggle"
        }, 1500 );
    }
</code></pre>
