jQuery not doing what i tell it to do and slideDown
<p>I have 2 functions that im running on a unordered list, the first one is wrapping a div around all li elements that are after the 6th one, and displaying none so that i can use the slidedown and slideup function to show and hide them, the slidedown and slideup works perfect on other elements on the page, just not on the li elements.</p>

<p>This is the jQuery im using for both the functions</p>

<pre><code>&lt;script type="text/javascript"&gt;
    jQuery(function() {                 
        jQuery('.clients-list li:gt(5)').wrapAll('&lt;div style="display: none;" class="clientscontainer"&gt;');
    });
&lt;/script&gt;


&lt;script type="text/javascript"&gt;
jQuery(function(){
    jQuery('#clientsexpand').click(function(){
        if(jQuery('.clientscontainer').is(':hidden')) {
            jQuery('.clientscontainer').slideDown('slow');
            return false;
        } else {
            jQuery('.clientscontainer').slideUp('slow');
            return false;
        }
    });
});
&lt;/script&gt;
</code></pre>

<p>With this code, the hidden li's do show after clicking, but it doesnt slide, it seems to pause for a few seconds, and then just show them up, then when i click again to hide them, a blank block shows right down the page and then goes into hiding.</p>

<p>If anyone has any clue how i can fix this, that would be grand.</p>

<p>Cheers,</p>
