javascript - 仅当来自特定链接时才在页面上显示 div

Question

我有一个看似微不足道的问题，但我却找不到答案。

我有两个页面。

第一页有两个链接:

<a class="first-link" href="page-two.html">Hidden content. </a>
<a class="second-link" href="page-two.html">Shown content. </a>

第二页有一个标题和一些内容:

<div class='content'>
  <h3>Heading goes here. </h3>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis elementum erat, ut sollicitudin ante. 
  </p>
</div>

仅使用 jQuery 或原生 JavaScript:

当我单击第一页上的第一个链接时，我希望第二页加载隐藏的 div (class='content')。

当我点击第二个链接时，我希望第二页加载显示的 div (class=content')。

如果有人能指出正确的方向，我将不胜感激。作为 JS/jQuery 的新手，我发现很难将这样的东西放入可行的 Google 查询中。

谢谢大家

Answer 1

您需要向第二页传递一个参数。最简单的方法是使用查询字符串或 anchor 。在 page-two.html 上，您需要检查 window.location 并相应地显示内容。

例如。设置你的第二个链接到这个 <a class="second-link" href="page-two.html#showcontent">Expanded content. </a>

然后在 page-two.html 包含以下脚本

$(function(){
   if(window.location.hash === "#showcontent")
   $("div#hiddencontent").show();
});