如何制作可折叠的数据角色="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();
});