Javascript 在第1页触发onclick事件时，如何将类添加到第2页的div中？

索引页有以下内容

<a href="about.html#collapseOne">Link to About page Panel 1</a>
<a href="about.html#collapseTwo">Link to About page Panel 2</a>
<a href="about.html#collapseThree">Link to About page Panel 3</a>

单击“链接到关于页面面板1或2或3”时（索引页面将关闭），关于页面将打开，相应的手风琴面板打开

JSfiddle用于about页面，如下所示

$(document).ready(function(){
  if(window.location.hash =='#collapseOne') {
    $('#collapseOne').addClass('in');
  }
});

找到解决方案：

---

如果您有两个不同的页面。 您可以在url中检查哈希，如下所示

$(document).ready(function(){
  if(window.location.hash =='#collapseOne') {
    $('#collapseOne').addClass('in');
  }
});

---

您可以使用CSS

：target

CSS

HTML

此内容将在哈希为#collapseOne时显示
此内容将在哈希为#collapseTwo时显示
当哈希为#collapseThree时，将显示此内容

other page意味着您一次只能查看一个页面？或者它们是单个页面的一部分？您可以执行

$（“#container”）.load（“about.html#collapseOne”）不同的页面，一次只能打开一个页面。修改了问题修改了问题。
<!-- index page -->
<a href="about.html#collapseOne">Link to About page Panel 1</a>
<a href="about.html#collapseTwo">Link to About page Panel 2</a>
<a href="about.html#collapseThree">Link to About page Panel 3</a>

<!-- page 1  -->
<div class="target" id="collapseOne">

  This content will show when hash is #collapseOne

</div>

<!-- page 2  -->
<div class="target" id="collapseTwo">

  This content will show when hash is #collapseTwo

</div>

<!-- page 3  -->
<div class="target" id="collapseThree">

  This content will show when hash is #collapseThree

</div>