如何制作可折疊的data-role =“ list-divider”？

Question

我正在嘗試創建jQuery Mobile格式的內容listview，例如jQuery Mobile網站上的演示 。

我想擁有的是可折疊的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();
});