预加载显示/隐藏分区

preloading show / hide div

本文关键字：隐藏 分区 显示 加载      更新时间：2023-09-26

有人知道简单的显示隐藏吗？我得到了该节目div下面代码的帮助。它运行良好，但我需要第一个链接Sci-Lit1在页面加载时预加载。有人告诉我需要准备一份文件。我不知道如何添加

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

添加此行：

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

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

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

只是猜测：

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

将其添加到页面加载时运行的$（function（）｛…｝）中。

似乎有效，如果我正确理解问题：http://jsfiddle.net/5f4zs/1/

相关文章：