Question

我正在尝试为嵌套的<ul> <li>标签显示jQuery手风琴......

我发现此网站显示手风琴：http://jqueryui.com/demos/accordion/

但不幸的是，它使用<h3>标记作为标题。

在我的实际代码中，我只有<ul>和<li>个标签，我试过了，但是我无法理解要写什么函数来获取它。

我的代码样式类似于：

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
      <li>China</li>
      <li>Africa</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

Answer 1

据我所知，您必须像示例中那样构建文档 jQuery正在搜索带有锚点的标题，然后是div块，依此类推......

示例：

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

所以，你必须使用jQuery的标记，否则jQuery将无法识别你的内容您的<ul>列表的另一个问题是，jQuery不知道哪个部分是标题，哪个部分是内容。

此时您有几个选择：

你可以在jQuery中找到相应的代码行并编辑它们（不推荐）
您可以自己编写手风琴（基于原版）
（如果您真的需要<ul>列表）您可以在运行时使用相应的“jQuery标记”交换<ul>和<ul>标记
使用jQuery的标记（推荐）

祝你好运

如何实现嵌套ul li标签的jquery手风琴......？

1 个答案: