Jquery ui 如何创建嵌套的可折叠小部件？

如何创建简单的嵌套可折叠小部件

这就是我尝试过的：

<div data-role="collapsible" data-theme="b">
            <h2>2KB</h2>
            <table border="1">
                <thead>
                    <tr>
                        <td>Description</td>
                        <td>Week number</td>
                        <td>Total demand</td>
                        <td>Average daily on demand</td>
                        <td>Quantity on hand</td>
                        <td>Days stock on hand</td>
                </thead>
               <tbody id="warehouseList" padding="0">
                   <div data-role="collapsible"></div>
               </tbody>
              <tfoot></tfoot>
            </table>                             
        </div>

2KB
描述
周数
总需求
平均每日按需
现存量
库存天数

非常感谢您的帮助。

    <div data-role="page">
       <div id="accordion"> 
           <div data-role="collapsible">
           <h3 data-role="header"> Some top level contents </h3>
             <ul data-role="listview">
               <li> contents </li>
             </ul>
           </div>
           <div data-role="collapsible">
           <h3 data-role="header"> Some top level contents </h3>
             <ul data-role="listview">
               <li> contents </li>
             </ul>
           </div>
        </div>
    </div>

    <script>
          $(document).ready(function(){
             $('#accordion').accordion({header: 'h3'});
             $('#accordion').accordion('activate', 2);
           });
    </script>

一些顶级内容

内容

一些顶级内容

内容

$（文档）.ready（函数（）{
$（'#accordion'）。accordion（{header:'h3'}）；
$（'手风琴'）。手风琴（'激活'，2）；
});

别忘了导入必要的jquery脚本和css它们是两个独立的div，不是嵌套的collapseoh我的错，我忘记了我的JavaScriptCollapsable在collapsable中？@Omar yes man，但我已经得到了它