Bootstrap 4 崩溃无法正常工作

Question

我尝试通过单击元素（h3 标签）来实现显示和隐藏 ul 列表的滑动切换效果。我首先不知道 bootstrap 具有该功能，我尝试使用 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>

Answer 1

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

Bootstrap 4 崩溃无法正常工作

Bootstrap 4 collapse not working properly

javascript

jquery

toggle

collapse