jQuery UI嵌套手风琴:有可能有一个无法打开的标题吗？

Question

我正在尝试使用UI创建嵌套导航手风琴.(那里有很多替代方法,但我想坚持使用UI.)这是我理解为真的 - 如果我错了,请纠正我:官方网站上 jQuery手风琴的基本形式是:

<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？

提前致谢.

Answer 1

这不是正确的方法.

只需在JS中声明辅助手风琴级别,相应地在辅助div中识别ID,然后使用与主级别相同的代码.你把什么放在href中并不重要.

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

请参阅此处的示例.