Document ready problem - Showing hidden content briefly on page load

Document ready problem - Showing hidden content briefly on page load

Hi,
I have this in the head:

<script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script>

<script type="text/javascript" >
    $(document).ready(function()
        {
            $('p#adminButts').hide();
            $('a#showHide').toggle(function()
            {
                $('p#adminButts').slideDown('slow');
            },function(){
                $('p#adminButts').slideUp('fast');
            });
        });
</script>



and in the body:

<a id="showHide" href="#">
  Show/Hide
</a>

<p id="adminButts">
      content...
</p>

The problem I have is the <p id="adminButts"> content is visible whilst the page is loading, and then slides up once the page is completely loaded. So, to the user, it looks strange/bad as the page is loading. I would like to have the P content hidden while the page loads, is this possible?

Thanks,
David