Question

我正在尝试使用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？

提前致谢。

Answer 1

这不是正确的方法。

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

e.g。 $("#accordion,#subaccordion1,#subaccordion2,#subaccordion3").accordion({ });

请参阅示例here。

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

1 个答案: