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，它現在可以正常工作了！