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>