Question

谁知道一个简单的节目隐藏？我得到了以下代码的帮助，显示了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>

Answer 1

添加以下行：

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

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

还有其他方法可以做到，但这应该做到。

Answer 2

只是一个猜测：

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

在页面加载时运行的$（function（）{...}）中添加它。

如果我正确理解问题，

似乎有效： http://jsfiddle.net/5f4zs/1/

预加载显示/隐藏div

2 个答案: