alternative

diff --git a/js/src/collapse.js b/js/src/collapse.js
index 1d2572db0fc1ea26157c053ede63135ae51c32aa..6ac77a2a86ad514b82916904f444052f8b6a3c89 100644 (file)
--- a/js/src/collapse.js
+++ b/js/src/collapse.js
@@ -41,7 +41,7 @@ const CLASS_NAME_HORIZONTAL = 'collapse-horizontal'
 const WIDTH = 'width'
 const HEIGHT = 'height'
 
-const SELECTOR_ACTIVES = '.collapse.show, .collapsing'
+const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing'
 const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="collapse"]'
 
 const Default = {
@@ -139,7 +139,6 @@ class Collapse extends BaseComponent {
 
     const dimension = this._getDimension()
 
-    this._element.classList.remove(CLASS_NAME_COLLAPSE)
     this._element.classList.add(CLASS_NAME_COLLAPSING)
 
     this._element.style[dimension] = 0
@@ -151,7 +150,7 @@ class Collapse extends BaseComponent {
       this._isTransitioning = false
 
       this._element.classList.remove(CLASS_NAME_COLLAPSING)
-      this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)
+      this._element.classList.add(CLASS_NAME_SHOW)
 
       this._element.style[dimension] = ''
 
@@ -182,7 +181,7 @@ class Collapse extends BaseComponent {
     reflow(this._element)
 
     this._element.classList.add(CLASS_NAME_COLLAPSING)
-    this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)
+    this._element.classList.remove(CLASS_NAME_SHOW)
 
     for (const trigger of this._triggerArray) {
       const element = getElementFromSelector(trigger)
@@ -197,7 +196,6 @@ class Collapse extends BaseComponent {
     const complete = () => {
       this._isTransitioning = false
       this._element.classList.remove(CLASS_NAME_COLLAPSING)
-      this._element.classList.add(CLASS_NAME_COLLAPSE)
       EventHandler.trigger(this._element, EVENT_HIDDEN)
     }
 

diff --git a/scss/_transitions.scss b/scss/_transitions.scss
index bfb26aa8ac7e5aac0f26b6ff181b381fea7b6c9d..ade2414fe26b984a8673754ac2960df9fbe4bb92 100644 (file)
--- a/scss/_transitions.scss
+++ b/scss/_transitions.scss
@@ -8,7 +8,7 @@
 
 // scss-docs-start collapse-classes
 .collapse {
-  &:not(.show) {
+  &:not(.show):not(.collapsing) {
     display: none;
   }
 }