Bootstrap5摺疊面板：節省空間的內容展開/收起

這篇文章介紹了Bootstrap5摺疊面板的使用。摺疊面板是網頁中隱藏內容以節省空間的交互組件，常見於FAQ等場景。Bootstrap5無需複雜JS，通過HTML類名和data屬性即可實現，支持手風琴等效果。 使用需先引入Bootstrap5的CSS和JS（CSS在前，JS在後）。基礎面板包含觸發按鈕（`data-bs-toggle="collapse"`+`data-bs-target="#xxx"`）和摺疊內容（`class="collapse"`，`show`類可默認展開）。手風琴效果通過`data-bs-parent`指定父容器實現，同一時間僅展開一個面板。 可通過修改類名自定義樣式，如按鈕顏色或添加圖標。核心是`data-bs-target`關聯ID、`data-bs-parent`控制互斥，以及`show`類控制默認展開。適用於FAQ、產品詳情等場景，使用時需注意ID一致、JS引入順序及動態內容的手動控制。