jQuery animation cascade
<p>Hi I have a site with a div containing three or more div.
My div id (id="linguetta_next") is dynamic: I add dynamically more than a div inside it.
I want that the div into the main div (linguetta_next) appear in cascade: the first appear, at the end the second appear, at the end the third appear.</p>

<p>This is my html:</p>

<pre><code>&lt;div id="linguetta_next"&gt;
                &lt;div class="linguetta" id="linguetta_next1" style="margin-left:1%;"&gt;
                    &lt;p class="tit_linguetta"&gt;azienda&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="linguetta_small" id="linguetta_next2" style="margin-left:10%; margin-top:10px;"&gt;
                    &lt;p class="tit_linguetta_small"&gt;staff&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="linguetta_small" id="linguetta_next3" style="margin-left:10%; margin-top:10px;"&gt;
                    &lt;p class="tit_linguetta_small"&gt;risorse umane&lt;/p&gt;
                &lt;/div&gt;
             &lt;/div&gt;
</code></pre>

<p>I have tried in this mode but in this mode appear at the same time, how can I make a cascade effect?</p>

<pre><code>function moveDiv(){
var menu2=$(".colCenter").find('#linguetta_next');
menu2.css('right',-300).css('position','absolute').css('z-index',1000);
menu2.animate({left:0}, 1000 );
}
</code></pre>
