Bootstrap 4.5 animates Collapse on page open when initial state is shown

Question

Prerequisites:

Bootstrap 4.5, Collapse initiated via JS API in default state "shown". https://jsfiddle.net/keeema/wa38qp2n/3/


  


  
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

$("#collapseExample").collapse({ toggle: true })

Actual behavior:

Bootstraps runs animation for showing Collapse when the page is opened.

Expected behavior:

Collapse content is shown immediately when the page is opened and without any animation.

Please, does anyone have any idea on how to fix this?

Thanks.

user_9942418 · Answer

Add this

$('#collapseExample').addClass('no-transition').collapse('toggle')

With

.no-transition {
    transition: none !important;
}

$("#collapseExample").collapse({
  toggle: true
})

$('#collapseExample').addClass('no-transition').collapse('toggle')

.no-transition {
  transition: none !important;
}







  


  
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

^{Source : https://github.com/twbs/bootstrap/issues/18127}

https://jsfiddle.net/275bpq8m/

Bootstrap 4.5 animates Collapse on page open when initial state is shown

Prerequisites:

Actual behavior:

Expected behavior:

1 Answers