jQuery 手风琴 - 打开某些 div 的链接

Question

我正在经历一场噩梦，试图让这个工作正常进行（并且已经查看了其他帖子，但仍然遇到问题）。

基本上我有一个这样的链接：

/test.php#bob

在 test.php 上我有这个：

<div class="accordion">
 <h2>Customer care</h2>
 <div>
  <p>xxxxxxxxxxxxx</p>
 </div>
 <h2 id="bob">Strong leadership from start to finish</h2>
 <div>
  <p>fffffffffff</p>
 </div>
 <h2>Certainty of delivery, no matter how complex or difficult</h2>
 <div>
  <p>dddddddddd</p>
 </div>
</div>

在 jQuery 中我有这个：

$(".accordion").accordion({
 autoHeight: false,
 collapsible: true,
 navigation: true,
 active: 'none'
});

但我仍然无法通过链接打开 #bob 面板。

有什么想法吗？我把我的头发拔出来。

一个。

Answer 1

您可以这样做：

$(".accordion").accordion({
 autoHeight: false,
 collapsible: true,
 navigation: true,
 active: 'none'
});
if(location.hash) $(location.hash).click();

这将在

上执行 click（通过使用哈希，其中包括 # 作为一个 #id 选择器），调用标准手风琴行为。