mui折叠面板的使用

折叠面板从二级列表中演化而来，dom结构和二级列表类似，如下：

 <div class="mui-content">
    <div class="mui-card">
        <ul class="mui-table-view"> 
            <li class="mui-table-view-cell mui-collapse">
              <a class="mui-navigate-right" href="#">面板1</a>
              <div class="mui-collapse-content">
              <p>面板1子内容</p>
              </div>
            </li>
        </ul>
    </div>
</div>

 

注意事项：
1、折叠面板布局必须在 mui-content下
2、外层使用 mui-card 包裹产生边缘