Fade in one after the other
<p>How to make li fade in one after the other? Here is the link where my lis are fading in while scrolling down at the same time, is s there a way to make them fade in one after the other? Here is my code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready( function() {

 tiles = $('.ajax_block_product').fadeTo(0,0);

 $(window).scroll(function(d,h) {
    tiles.each(function(i) {
        a = $(this).offset().top + $(this).height();
        b = $(window).scrollTop() + $(window).height() + 200;
        if (a &lt; b) $(this).fadeTo(2500,1);
    });
 });

 function inWindow(s){
  var scrollTop = $(window).scrollTop();
  var windowHeight = $(window).height();
  var currentEls = $(s);
  var result = [];
  currentEls.each(function(){
    var el = $(this);
    var offset = el.offset();
    if(scrollTop &lt;= offset.top &amp;&amp; (el.height() + offset.top) &lt; (scrollTop +   windowHeight + 200))
      result.push(this);
  });
  return $(result);
}

inWindow('.ajax_block_product').fadeTo(0,1);

});
&lt;/script&gt;
</code></pre>

<p>The line which is responsible for fade in is -  if (a &lt; b) $(this).fadeTo(2500,1);
And here is the link if it will be helpfull - <a href="http://layot.prestatrend.com" rel="nofollow">http://layot.prestatrend.com</a>
Thanks for any reply, folks!</p>
