HTML格式：
<button></button>
<div></div>
==================================================
<button>
基础类：
无
自定义属性：
data-bs-toggle="collapse" 关联<div> class
data-bs-target="#id" 关联<div> id
===================================================
<div>
基础类：
.collapse 折叠标签
组合类：
.show 显示内容
属性：
id 对应 data-bs-target 值
简单的折叠：
<button class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#zhedie">折叠</button>
<div id="zhedie" class="collapse">
折叠内容 。。。。。。。。。。。。。。。。
</div>
手风琴样式：
<div class="card" id="zhedie1">
<a class="card-header btn" data-bs-toggle="collapse" href="#zhedie1-1" style="text-align:left;">选项一</a>
<div id="zhedie1-1" class="collapse show" data-bs-parent="#zhedie1">
<div class="card-body">
内容：data-bs-parent确保 id="zhedie1" 组内，只展开1项，其它隐藏
</div>
</div>
<a class="card-header btn" data-bs-toggle="collapse" href="#zhedie1-2" style="text-align:left;">选项二</a>
<div id="zhedie1-2" class="collapse" data-bs-parent="#zhedie1">
<div class="card-body">
内容：data-bs-parent确保 id="zhedie1" 组内，只展开1项，其它隐藏
</div>
</div>
</div>
注：1.<a>标签做选项时，可以用href="" 代替 data-bs-target
2.用 data-bs-target 点击选项时没有样式
