折叠列表中的部分项目

【问题标题】：Collapse part of items in a list折叠列表中的部分项目
【发布时间】：2013-07-08 19:45:44
【问题描述】：

我想使用 JQuery Mobile 创建一个网络广播电台列表。列表的某些部分（如电台名称和流派标签）应永久可见，而其他部分（如 url 或 cmets）应折叠并仅在需要时展开。

为了阐明我的要求，我举了一个例子：

<div data-role="content">
    <ul data-role="listview">
        <li>
            <h2>Item 1</h2>
            <div class="tag-list">
                <span class="tag">Tag A</span>
            </div>
            <div class="comment-list">
                <div class="comment">
                    <p>This is a comment</p>
                </div>
                <div class="comment">
                    <p>Another comment</p>
                </div>
            </div>
        </li>
    </ul>
</div>

（在此处查看更好：http://jsfiddle.net/uAvpS/1/）

只有comment-list 和comment 应该折叠，其余的应该始终可见。

如何做到这一点？在我看来，这与collapsible lists

不同

【问题讨论】：

• 赞这个jsfiddle.net/uAvpS/3
• 几乎！我希望整个
• 对象是可折叠的。折叠只有主要信息应该是可见的（如名称和流派）。展开后，所有信息都应该可见（如 url 和 cmets。谢谢！