$transition-collapse:         height .35s ease;
Classes
Collapse transition classes can be found in scss/_transitions.scss as these are shared across multiple components (collapse and accordion).
.collapse {
  &:not(.show) {
    display: none;
.collapsing {
  height: 0;
  overflow: hidden;
  @include transition($transition-collapse);
用法 {usage}
折疊插件使用一些 Class 來處理這些繁雜工作。
.collapse 隱藏內容。
.collapse.show 顯示內容。
.collapsing 會在轉換開始時被加入，並在結束的時候被移除。
這些類別可以在 _transitions.scss 中被找到.
透過資料屬性
只需將 data-bs-toggle="collapse" 以及 data-bs-target 加入元素即可自動指定控制一個或多個可折疊元素。data-bs-target 屬性接受 CSS 選擇器以套用摺疊。請確保有在可折疊元素上添加 collapse 類別。如果希望它預設是打開的，加上額外的類別 .show。
如果要在一個可折疊區域加入可折疊群組，加入 data-bs-parent="#selector" 資料屬性。可以參考範例中的效果。
透過 JavaScript
透過以下語法手動啟用:
var collapseElementList = [].slice.call(document.querySelectorAll('.collapse'))
var collapseList = collapseElementList.map(function (collapseEl) {
  return new bootstrap.Collapse(collapseEl)
選項可以透過資料屬性或是 JavaScript 加入。對於資料屬性，將選項名稱加入 data-bs-, 如 data-bs-parent=""。
      Default
      Description
      selector | jQuery object | DOM element 
      false
      如果加入了 parent，則當可折疊物件為顯示時，指定父項下的所有可折疊元素將被關閉。（類似于傳統的折疊控制項行為 - 這取決於 card）。該屬性必須在目標可折疊區域上設置。
      toggle
      boolean
      切換可折疊元素
Asynchronous methods and transitions
All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored.
See our JavaScript documentation for more information.
將內容啟用為可摺疊元素。接受一個選擇性的選項 object。
可以透過建構函式建立一個摺疊範例，舉例來說:
var myCollapse = document.getElementById('myCollapse')
var bsCollapse = new bootstrap.Collapse(myCollapse, {
  toggle: false
      Method
      Description
      toggle
      將一個可折疊元素切換為顯示或隱藏。在可折疊元素實際顯示或隱藏之前返回給調用者。 (即在 shown.bs.collapse 或 hidden.bs.collapse 事件發生之前)。
      顯示一個可折疊元素。在可折疊元素實際顯示之前返回給調用者。 (例如， shown.bs.collapse 事件發生前). 
      隱藏一個可折疊元素。在可折疊元素實際被隱藏之前返回給調用者。 (例如, 在 hidden.bs.collapse 事件發生之前)。
      dispose
      銷毀一個元素的折疊。 (移除 DOM 元素上儲存的資料)
      getInstance
      允許你獲取與 DOM 元素關聯之折疊範例的靜態方法。
Bootstrap 提供一些事件給予折疊使用。
      Event type
      Description
var myCollapsible = document.getElementById('myCollapsible')
myCollapsible.addEventListener('hidden.bs.collapse', function () {
  // do something...
          
Designed and built with all the love in the world by the Bootstrap team with the help of our contributors.
          
Code licensed MIT, docs CC BY 3.0.
          
Currently v5.0.0.
        
Links
          
Examples
          
Themes
        
Guides
          
Getting started
          
Starter template
          
Webpack
          
Parcel
        
Projects
          
Bootstrap 5
          
Bootstrap 4
          
Icons
          
npm starter
        
Community
          
Issues
          
Discussions
          
Corporate sponsors
          
Open Collective
          
Slack
          
Stack Overflow