问题描述
我尝试通过单击元素（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>
解决方法
我找到了解决方案，如果有人遇到同样的问题，这就是解决方案。如果它触发带有显示 flex 的元素，则 slideToggle() 将无法正常工作。我刚刚删除了 d-flex 和 flex-column，现在它可以完美运行！