jQuery手风琴 - 链接打开某个div

时间:2010-10-26 10:28:06

标签: jquery jquery-ui accordion

我正在努力让这个工作变得噩梦(并且看过其他帖子但我仍然有问题)。

基本上我有这样的链接:

/test.php#bob

on 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面板。

有什么想法吗?我把头发拉了出来。

一个。

1 个答案:

答案 0 :(得分:2)

你可以这样做:

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

这将在click上执行<h2>(通过使用哈希,其中包括#作为#id selector),调用标准的手风琴行为。