Bootstrap 4 崩溃无法正常工作

Question

我试图通过单击元素（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>

Answer 1

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