如何制作可折叠的 data-role="list-divider"？

Question

我正在尝试创建一个 jQuery 移动格式的内容列表视图，例如 the demo on the jQuery Mobile site。

我想要的是data-role="list-divider" 是可折叠的。我试图让<li> 同时拥有data-role="list-divider" 和data-role="collapsible"（以及data-role="list-divider collapsible"），但这些都没有按预期工作。该演示页面底部的可折叠列表视图示例将列表分隔符和内容包裹在可折叠中，这不是我所追求的。

有什么想法吗？

Answer 1

我没有嵌套可折叠项，而是模拟了这样的行为：

$("li").hide();
$("[data-role='list-divider']").show();
$("[data-role='list-divider']").click(function() {
    $(this).nextUntil("[data-role='list-divider']").toggle();
});