預加載顯示/隱藏div

任何人都知道一個簡單的show hide？我得到了該節目下的代碼的幫助。它工作正常，但我需要第一個鏈接Sci Lit 1預加載頁面加載。有人告訴我需要準備好文件。我不知道如何添加預加載顯示/隱藏div

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

來源

2011-05-26 acctman

小建議：sclit可能不是在教育網站上使用的ID名稱的絕佳選擇。 – drudge 2011-05-26 05:00:58

謝謝我會改變這一點。 – acctman 2011-05-26 05:04:23

@jnpcl：也許在性教育網站上。 – 2011-05-26 05:18:53

加入這一行：

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

演示：http://jsfiddle.net/wesley_murch/m4dhv/

還有其他的方法來做到這一點，但這應該做的。

來源

2011-05-26 05:31:05

我喜歡它，並且學到了新的東西。 +1 – bbg 2011-05-26 05:36:09

只是一個猜測：

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

在$添加這個（函數（）{...}）運行在頁面加載時。

似乎工作，如果我理解的問題吧： http://jsfiddle.net/5f4zs/1/

來源

2011-05-26 05:23:34 bbg

嘿，這個作品呢！ +1 [這是一個演示]（http://jsfiddle.net/wesley_murch/m4dhv/1/）與你的（IMO更好）版本和OP的代碼 – 2011-05-26 05:33:11

預加載顯示/隱藏div

回答

相關問題