jQuery UI 手风琴：如果通过 url 聚焦则展开，否则激活 false

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 });
});