jquery adding fadein to div blocks
<p>I have a total of 4 div blocks , the div block can be 4 and sometimes it could be 3 or 2 or just 1 div block based on permissions.
I have 4 div blocks and each of the div block fade in with 100 delay.</p>

<p>How can i make them always have a 100 s delay fro each of the div blocks 
for example say  if div span4  is only by itself it should be 100 sec not 400. since 400 sec by itseld would be too long.</p>

<p>How can i do that?
My JS code</p>

<pre><code>$('div.span1').fadeIn(100);
$('div.span2').fadeIn(200);
$('div.span3').fadeIn(300);
$('div.span4').fadeIn(400);

&lt;div class="span1"&gt;&lt;/div&gt;
&lt;div class="span2"&gt;&lt;/div&gt;
&lt;div class="span3"&gt;&lt;/div&gt;
&lt;div class="span4"&gt;&lt;/div&gt;
</code></pre>
