Bootstrap-collapse

使用方法参考：https://www.cnblogs.com/zhangbao/p/6566084.html

注意：

• collapse的执行对象

插件标识：data-toggle="collapse"表示该元素是collapse插件
目标标识：

1. herf（非button checkbox等需要click事件的元素）
2. data-target（需要click事件反应的元素）
   如：

<input class="checkbox-square" type="checkbox" 
data-target="#module-detail" data-toggle="collapse" 
data-bind="click: $component.toggleCheckbox()" />
          

• collapse的操作对象

1. 需要指明collapse类，表示隐藏该元素；collapse in类，表示显示该元素
2. 如果collapse类内的元素仍显示出来，可能是因为使用了flex布局，外部再套一层div即可

<div class="item-line">
<!-- item-line是felx布局--->
   <div class="item-detail collapse" id="module-detail">
     <div style="width: 100%">
       <span>测试</span>
     </div>
   </div>
 </div>