MaterialCSS Table手风琴

Question

我试图用材质css在我的表格中创建手风琴效果。他们确实有一个collapsible课程。但是，使用表格并没有给我所期望的影响。验证码：（CODEPEN）

<table> 
     <thead> 
      <tr> 
       <th data-field="id">Name</th> 
       <th data-field="name">Item Name</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
      <td> 
      <p class="table-metric-color">Alex</p> 
      </td> 
      <td> 
      <ul class="collapsible" data-collapsible="accordion"> 
       <li> 
       <a href="#" class="collapsible-header">Details</a> 
       <p class="collapsible-body white"><code> Details here</code></p> 
       </li> 
      </ul> 
      </td> 
     </tr> 
     </tbody> 
     </table> 

我瞄准了像this，我使用了CSS引导。任何方式来复制这使用材料的CSS？

Answer 1

您应该包括jQuery的第一，并初始化可折叠如下：

$(document).ready(function(){ 
    $('.collapsible').collapsible(); 
    }); 

http://codepen.io/anon/pen/XNmMLL?editors=1111