jQuery UI 嵌套手风琴：是否可以有一个不打开的标题？答案

【问题标题】：jQuery UI nested accordion: Is it possible to have a heading that doesn't open?jQuery UI 嵌套手风琴：是否可以有一个不打开的标题？
【发布时间】：2012-04-20 20:28:52
【问题描述】：

我正在尝试使用 UI 创建一个嵌套导航手风琴。（那里有很多替代方法，但我想坚持使用 UI。）这是我理解的正确方法 - 如果我错了，请纠正我： jQuery手风琴的基本形式on the official site 是：

<div>
   <h3><a href="#">Section 1</a></h3>
   <div>
      Section 1 content
   </div>
   <h3><a href="#">Section 2</a></h3>
   <div>
      Section 2 content
   </div>
   ...
</div>

您可以在每个部分中嵌套第二级手风琴，例如上面写着“第 1 节内容”：

<div class='accordion'>  
  <h3><a href="#1">1</a></h3>
  <div>
    <div class='accordion'>
      <h3><a href="#1a">1.a</a></h3>
      <div> Data from 1a</div>
      <h3><a href="#1b">1.b</a></h3>
      <div></div>
    </div>
  </div>
  <h3><a href="#2">2</a></h3>
  <div>
    <div class='accordion'>
    ...

不过，每个标题都希望打开其对应的<div>，即使它是空的（例如#1b）。是否可以让标题保持其吸引人的 CSS 样式形式，但仅用作 href？

提前致谢。

【问题讨论】：

标签： jquery jquery-ui nested jquery-ui-accordion

【解决方案1】：

这不是正确的方法。

只需在 JS 中声明二级手风琴级别，相应地标识二级 div，然后使用与一级级别相同的代码。你在href中放什么并不重要。

例如$("#accordion,#subaccordion1,#subaccordion2,#subaccordion3").accordion({ });

参见示例here。

【讨论】：