Newbie help with Jquery code - I need to stop the last list element from fading out
<p><strong>This has now been answered (thanks to all you guys)</strong></p>

<p>I want to prevent the last list element from fading out I am in my first week with jquery and have been trying all sorts of different stategies with no success. All the code I find seems to want to loop through all the elements recursively, which I do not want. I want the code to end at the last item without the last list element fading out.  I am aware of all the cycle plug-ins but I just want basic functionality.</p>

<p>Thanks for you help, hope I have not broke any rules, it is my first question.</p>

<p>I feel a bit stupid now, I orginally forgot to add my css and also failed to mention I wanted each list element to fadeIn over the previous list element, hence the position absolute. The 3 solutions that have been submitted worked wonderfully but I asked the wrong thing, it was just me that did not explain things properly, my apologies. Any futher help would be much appreciated.</p>

<pre><code>The CSS I forgot first time around
#container ul li {
position:absolute;
display:none;
}     
&lt;script type="text/javascript"&gt;

$(document).ready(function() {

(function hidenext(jq){
    jq.eq(0).fadeIn(1000).delay(5000).fadeOut(1000, function(){
        (jq=jq.slice(1)).length &amp;&amp; hidenext(jq);
    });
})($('div#container ul li'))

});

&lt;/script&gt;


&lt;div id="container"&gt;


      &lt;ul&gt;
    &lt;li&gt;1&lt;/li&gt;
    &lt;li&gt;2&lt;/li&gt;
    &lt;li&gt;3&lt;/li&gt;
      &lt;/ul&gt;

&lt;/div&gt;
</code></pre>
