Html 引导折叠激活

我有一个button类

collapse

，使用Bootstrap4

<p>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body" aria-expanded="true">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>

带数据目标的按钮

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。

---

我的按钮带有隐藏的

div

。单击，它将打开。我要做的是将div初始化为opened，然后在按下按钮时隐藏。（逆过程。）

引导模式或引导下拉列表很好使用

您可以像这样添加类

show

<div class="collapse show" id="collapseExample">

---

将类中的

添加到

折叠类div，默认打开

---

在

中显示div。只要想打开div，只需在类中添加

在show

类中将

添加到
折叠
div即可




带数据目标的按钮

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。