préchargement afficher/masquer div

Question

quelqu'un sait-il un simple show hide? J'ai été aidé le code ci-dessous div div. Cela fonctionne bien, mais j'ai besoin pour le premier lien Sci Lit 1 pour précharger le chargement de la page. On m'a dit que je devais préparer un document. Je ne sais pas comment ajouter que

<div id="sclit"></div> 

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

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

Answer 1

Ajouter cette ligne:

$(".details:first").clone().appendTo("#sclit").show(); 

Démo: http://jsfiddle.net/wesley_murch/m4dhv/

Il y a d'autres façons de le faire, mais cela devrait faire.

Answer 2

Juste une supposition:

$("#sclit").text($("div.details:first").text()); 

ajouter dans vos $ (function() {...}) qui fonctionne lorsque la page se charge.

semble fonctionner, si je comprends bien le droit du problème: http://jsfiddle.net/5f4zs/1/