jQuery Mobile - 包含可折叠内容的列表答案

【问题标题】：jQuery Mobile - List with collapsible contentjQuery Mobile - 包含可折叠内容的列表
【发布时间】：2012-11-19 08:48:54
【问题描述】：

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

【问题讨论】：

试试 jquery mobile 手风琴，比如the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH20.php
@SathyaRaj 这与 jQuery 移动可折叠设备相同......正如我所说，它应该更多的是“列表”而不是“容器”。我需要一个项目列表，其中一些可以展开以获得更多详细信息。

标签： jquery list hide show expand

【解决方案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>

【讨论】：