preloading show / hide div
<p>anyone know of a simple show hide? I was helped the code below that show's div. It works fine but I need for the first link <strong>Sci Lit 1</strong> to preload on page load. I was told I need to do a document ready. I'm not sure how to add that</p>

<pre><code>    &lt;div id="sclit"&gt;&lt;/div&gt;

    &lt;a href="javascript:void(0)" class="para"&gt;Sci Lit 1&lt;/a&gt;
    &lt;div class="details"&gt;text for sci lit 1&lt;/div&gt; 
    &lt;a href="javascript:void(0)" class="para"&gt;Sci Lit 2&lt;/a&gt;
    &lt;div class="details"&gt;text for sci lit 2&lt;/div&gt;    
    &lt;a href="javascript:void(0)" class="para"&gt;Sci Lit 3&lt;/a&gt;
    &lt;div class="details"&gt;text for sci lit 3&lt;/div&gt;   

    $(function(){
        $(".para").click(function(){
            $("#sclit").text($(this).next(".details").text()); 
        });
    });
&lt;style&gt;
.details {display:none;}
&lt;/style&gt;
</code></pre>
