중첩 접을 수있는 위젯을 만드는 방법은 무엇입니까?

Question

간단한 중첩 접을 수있는 위젯은 어떻게 만듭니 까?

이 내가 무엇을 시도했다입니다 :

<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> 

어떤 도움 hihgly 이해할 수있을 것이다.

Answer 1

<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>