random fade list on refresh
<p>HTML</p>

<pre><code>&lt;ul id="content"&gt;
    &lt;li&gt;first&lt;/li&gt;
    &lt;li&gt;second&lt;/li&gt;
    &lt;li&gt;third&lt;/li&gt;
    &lt;li&gt;fourth&lt;/li&gt;
    &lt;li&gt;fifth&lt;/li&gt;
    &lt;li&gt;sixth&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>jquery</p>

<pre><code>function InOut( elem )
{
 elem.delay('1')
     .fadeIn('3000')
     .delay('5000')
     .fadeOut(
               function(){
                   if(elem.next().length &gt; 0)
                   {InOut( elem.next() );}
                   else
                   {InOut( elem.siblings(':first'));}

                 }
             );
}

$(function(){
$('#content li').hide();
InOut( $('#content li:first') );

});
</code></pre>

<p>This is the work of gaby and below is his fiddle</p>

<p>here is the fiddle <a href="http://jsfiddle.net/gaby/S5Cjm/1/" rel="nofollow">http://jsfiddle.net/gaby/S5Cjm/1/</a></p>

<p>just wanted on how to random the list and on refresh also, so meaning everything is in random order</p>
