Question

我想点击site1上指向site2的链接，如果点击该链接，该页面上的隐藏文字（此处为：text_1_toggle）应该可见。

P.S。我对这个话题很陌生。如果我不立即理解你的答案，请原谅我。）

站点1：

<table>
  <thead>
    <tr>
      <th>header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>data</td>
      <td>data</td>
      <td>data</td>
      <td>data</td>
      <td id='null'></td>
    </tr>
    <tr>
      <td class="special">Special data</td>
    </tr>
  </tbody>
</table>

站点2：

<html>
<head>
</head>
<body>

  <a href="site2.htm#text_1_toggle">Click me!</a>

</body>
</html>

toggle.js

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="toggle.js"></script>
  <style>
        h4:hover
        {
            cursor: pointer; 
            cursor: hand;
        }
        #text_1_toggle
        {
            display: none;
        }
    </style>
</head>
<body> 
  <div id="site">
      <h4 id="text_1">Text 1</h4>
      <span id="text_1_toggle">     
      1 some text...
      </span>

    <h4 id="text_2">Text 2</h4>
      <span id="text_2_toggle">     
      2 some text...
      </span>   
  </div>
</body>

Answer 1

您可以使用变量检查site1链接上的click事件，然后在site2上使用该变量。有关详情，请参阅此处：http://www.xul.fr/javascript/parameters.php

Answer 2

您所描述的效果可以通过CSS实现。

您需要为要显示的元素使用:target伪选择器。这将为您提供在URL中使用此哈希时能够设置样式（包括设置display）#text_1_toggle元素的选项，例如，可以将以下内容添加到CSS中：

#text_1_toggle:target {
    display: inline;
}

通过href链接链接到另一个页面并切换隐藏的文本

2 个答案: