MUI list的二级菜单怎么展开多个?

MUI list的二级菜单怎么展开多个? 默认的展开一个list之后, 点击其他list, 展开的就会合上, 展开另一个. 如何展开多个呢? 就是不要自动合上

代码如下:

<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
<a href='#' class="mui-navigate-right" >category1
<span class="mui-badge mui-badge-success">22</span>
</a>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-handle">
<div class="mui-table-cell">
bj1
</div>
</div>
</li>
</ul>
</li>
<li class="mui-table-view-cell mui-collapse">
<a href='#' class="mui-navigate-right" >category2
<span class="mui-badge mui-badge-success">22</span>
</a>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-handle">
<div class="mui-table-cell">
bj2
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-handle">
<div class="mui-table-cell">
bj3
</div>
</div>
</li>
</ul>
</li>
</ul>