Hi people,
                I'm currently trying to display an animation of sectors within a main div "filling up" on at a time from bottom to top.

<div style="width: 50px; height: 300px;" id="top">
        <div class="sec" style="height: 20%; display: block;"></div>
        <div class="sec" style="height: 10%; display: block;"></div>
        <div class="sec" style="height: 30%; display: block;"></div>
        <div class="sec" style="height: 40%; display: block;"></div>
</div>

these divs will be dynamically generated based on values within a database.

I'm looping through each div within #top using $('#top div').each() but i'm not sure how to make the divs slide into view from top to bottom in order, so first the bottom div fills fully, then the second div starts etc.  Any ideas?

thanks in advance