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

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>

  列表）您可以在运行时将

  <ul>

  和

  <ul>

  标签与相应的“jQuery 标签”交换
• 使用jQuery的标记（推荐）

致以诚挚的问候