Question

我有一个jQuery UI手风琴正常工作，在初始页面加载时全部折叠但是我想添加一个步骤，以便人们可以直接链接到我的手风琴中的h3之一，并在负载时扩展该项目。我可以添加哪些代码，以便人们可以直接链接到文章并让文章扩展加载？防爆。 http://example.com/#456

以下是我目前的设置：

<div id="accordion">
  <h3 id="123">title</h3>
    <div>article</div>
  <h3 id="456">title</h3>
    <div>article</div>
  <h3 id="789">title</h3>
    <div>article</div>
</div>
<script>
    $( "#accordion" ).accordion({heightStyle: 'content', collapsible: true, active: false});
 </script>

Answer 1

你走在正确的轨道上。但是，手风琴需要Header有一个你通过导航布尔参数导航到的锚点。

你可以像这样实现它

HTML

<div id="accordion">
    <h3><a href="#item1">Item 1</a></h3>
      <div>article</div>
    <h3><a href="#item2">Item 2</a></h3>
      <div>article</div>
    <h3><a href="#item3">Item 3</a></h3>
      <div>article</div>
</div>

的jQuery

$(function(){
    $("#accordion").accordion({ header: "h3", navigation: true });
});

jQuery UI手风琴：扩展如果由url重点关注其他活动false

1 个答案: