如何制作可折叠的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"），但这些都无法按预期工作。在该演示页面底部的可折叠列表视图的示例包含list-divider和包含在可折叠中的内容，这不是我所追求的。

有什么想法吗？

Answer 1

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

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