Loading List Items with JQuery dynamically
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/4932506/load-list-items-dynamically-with-jquery">Load List Items dynamically with JQuery</a>  </p>
</blockquote>



<p>I have the following JQuery used to load list items:</p>

<pre><code>$('li').css('display', 'none').first().fadeIn(1900).next().delay(500).fadeIn(1900).next().delay(700).fadeIn(1900).next().delay(900).fadeIn(1900);
</code></pre>

<p>I would like to load each list item 1 at a time with a delay like the above would like to do it in a cleaner way, so that I won't have to edit the JQuery to add more items to the list.</p>

<p>Example:  Here's the <a href="http://satbulsara.com/tests/" rel="nofollow">JQuery in action</a>.</p>
