当显示初始状态时，Bootstrap 4.5会对折叠的页面进行动画处理

如何解决当显示初始状态时，Bootstrap 4.5会对折叠的页面进行动画处理

先决条件：

Bootstrap 4.5，通过JS API在默认状态“显示”下启动的崩溃。 https://jsfiddle.net/keeema/wa38qp2n/3/

<p>
  <button class="btn btn-primary" type="button" >
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    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.
  </div>
</div>

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

实际行为：

Bootstraps运行动画，用于在打开页面时显示折叠。

预期的行为：

页面打开后立即显示折叠内容，并且没有任何动画。

请，有人对如何解决此问题有任何想法吗？

谢谢。

解决方法

添加此

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

使用

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

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

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

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

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

<p>
  <button class="btn btn-primary" type="button">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    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.
  </div>
</div>

^{来源：https://github.com/twbs/bootstrap/issues/18127}

https://jsfiddle.net/275bpq8m/