jQuery Mobile - 列出可折叠内容

Question

我正在尝试创建一个列表，其中可以单击某些条目以展开/显示更多/隐藏。它与collapsible非常相似，但有些项目有“额外信息”，有些则没有。此外，它应该在语义上更多地在“列表”方面。我已经尝试搜索“可折叠列表项”但我想出了更多“可折叠列表中的列表”。

Answer 1

对于不需要展开或折叠的项目，只需使用这样的普通列表视图。

<ul data-role="listview" data-theme="b">
<li><a href="acura.html">Acura</a></li>
</ul>

然后对于执行的项目使用可折叠列表，例如

<div data-role="collapsible">
   <h3>Stock #3 Order #3</h3>
   <ul data-role="listview">
   <li>Info 1</li>
   <li>Info 2</li>
   <li>Info 3</li>
   </ul>

   </div>