предварительная загрузка показать / скрыть div

#javascript

Вопрос:

кто-нибудь знает о простом скрытии показа? Мне помог код под этим отображением div. Это работает нормально, но мне нужно, чтобы первая ссылка Sci Lit 1 была предварительно загружена при загрузке страницы. Мне сказали, что мне нужно подготовить документ. Я не уверен, как это добавить

     <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>

1. небольшое предложение: sclit возможно, это не лучший выбор имен идентификаторов для использования на образовательном веб-сайте.

2. @jnpcl: Может быть, на сайте сексуального воспитания.

3. @Wesley: 1 Выигрыш в Интернете указывает на вас, сэр!

Ответ №1:

Добавьте эту строку:

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

Демо-версия: http://jsfiddle.net/wesley_murch/m4dhv /

Есть и другие способы сделать это, но этого должно хватить.

Ответ №2:

Просто предположение:

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

добавьте это в свой $ (function() {…}), который запускается при загрузке страницы.

кажется, работает, если я правильно понимаю проблему: http://jsfiddle.net/5f4zs/1 /