Bootstrap 4 崩溃无法正常工作答案

【问题标题】：Bootstrap 4 collapse not working properlyBootstrap 4 崩溃无法正常工作
【发布时间】：2021-07-26 05:35:49
【问题描述】：

我尝试通过单击元素（h3 标签）来制作显示和隐藏 ul 列表的滑动切换效果。首先我不知道引导程序具有该功能，我尝试使用 jQuery，但我的代码似乎表现得很奇怪。它检测到该事件并隐藏所需的 ul 列表，但之后它再次显示它而无需再次单击 h3 标签。然后我尝试使用 data-target 和 data-toggle 属性作为显示，但结果相同。为什么会这样？（我试图放一个标签而不是h3标签，但结果还是一样）（ul是动态填充的）

<h3 id="sizesLabel" data-toggle="collapse" data-target="#sizes">Sizes<span class="bi bi-chevron-down ml-1"></span></h3>
 <ul id="sizes" class="d-flex flex-column">
</ul>

【问题讨论】：

标签： javascript jquery toggle collapse

【解决方案1】：

我找到了解决方案，如果有人在此页面上遇到同样的问题，这就是解决方案。如果 slideToggle() 触发带有 display flex 的元素，它将无法正常工作。我刚刚删除了 d-flex 和 flex-column，它现在可以正常工作了！

【讨论】：