Fading in appended elements one at a time
<p>I have an array with IDs and I am loading elements with these IDs from another page.</p>

<pre><code>    $.each(idArr, function() {
        var divline = '&lt;div class="line" id="' + this + '"&gt;';
        var url = 'allitems.php #' + this + ' div';
        $('#the-list').append($(divline).load(url).hide().fadeIn());
    });
</code></pre>

<p>It works fine but I would like the loaded elements to fade in one at a time, or at least not all att once. I cannot figure out how to use .delay with my code. Or is there maybe another way?</p>

<p>Thank you :)</p>
