Javascript 如何在首页点击功能中打开第二页div

是否可以打开第二页特定的div内容在第一页点击功能，我需要打开特定的div内容只有所有其他div是隐藏的

以下是我的首页点击功能：

function quiz(){
            $("#secondlist").show();
            window.location = "second.jsp"


        }

这是我的清单：

<div id="sample" class="content" style="display: none">
<ul class="tabs">
<li id="tab4"><a href="javascript:quiz()">Quiz</a></li>
</ui></div>

及第二页分区：

<div id="secondlist" style="display: none">
<h3>sample</h3>                         
</div>  

样品

---

请您帮助任何人：

当您更改窗口位置时，您将清除页面

取而代之的是

function quiz(){
  $("#sample").load("second.jsp #secondlist",function(){
    $(#secondlist").show();
  }); 
}

可供选择的方法是（但显示=无需删除）

最后，请换衣服

<li id="tab4"><a href="javascript:quiz()">Quiz</a></li>

---

谢谢你的快速评论，但它是部分工作的其他一些div也在第二页打开。如何删除，请帮助…像这样$加载（片段，函数（）{$（“div”）.hide（）；$（#secondlist”）.show（）}）；

<li id="tab4"><a href="javascript:quiz()">Quiz</a></li>

<li id="tab4"><a id="quiz" href="second.jsp#secondlist">Quiz</a></li>

$(function() {
  $("#quiz").on("click",function(e) { 
    e.preventDefault(); // stop the link from changing page
    var href = this.href.split("#"), fragment = href[0]+" #"+href[1];
    $("#sample").load(fragment,function(){
      $(#secondlist").show();
    }); 
  }); 
});