jquery - 如何在可折叠部分中创建指向特定描述元素的链接？

Question

我在可折叠元素中有描述项，如下所示：

<div class="accordion" id="accordion">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
        Section 1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse">
      <div class="accordion-inner">
        <dl>
          <dt>Element 1-1</dt>
          <dd>The description of element 1-1</dd><br>

          <dt>Element 1-2</dt>
          <dd>The description of element 1-2</dd><br>
        </dl>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
        Section 2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        <dl>
          <dt>Element 2-1</dt>
          <dd>The description of element 2-1</dd><br>

          <dt>Element 2-2</dt>
          <dd>The description of element 2-2</dd><br>
        </dl>
      </div>
    </div>
  </div>
</div>

因此，默认情况下，这两个部分的内容都是隐藏的。我如何支持直接链接到：

1. 第 2 节（因此，应显示该节的内容）；
2. 元素 2-2（因此，应该显示第 2 节的内容并且应该关注元素 2-2）？

Answer 1

您可以使用哈希 URL，例如#section2/element2

然后挂钩到 2 个事件： 在事件处理程序中，处理window.onload并以编程方式展开特定部分，然后关注该部分中的特定元素。window.onhashchangelocation.hash