使用方法参考:https://www.cnblogs.com/zhangbao/p/6566084.html
注意:
- collapse的执行对象
插件标识:data-toggle="collapse"表示该元素是collapse插件
目标标识:
- herf(非button checkbox等需要click事件的元素)
- data-target(需要click事件反应的元素)
如:
<input class="checkbox-square" type="checkbox"
data-target="#module-detail" data-toggle="collapse"
data-bind="click: $component.toggleCheckbox()" />
- collapse的操作对象
- 需要指明collapse类,表示隐藏该元素;collapse in类,表示显示该元素
- 如果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>