Javascript 如何立即启动折叠盒（adminlte）的动画？

我正在使用模板中的折叠框。我有一个问题，当我第一次想显示这个框（点击-）时，动画不工作，内容立即显示。它在再次单击后开始工作。有人能帮我立即初始化动画吗

默认框示例
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的底部

给你一个解决方案

默认框示例
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的主体
盒子的底部

<div class="box collapsed-box">
  <div class="box-header with-border">
    <h3 class="box-title">Default Box Example</h3>
    <div class="box-tools pull-right">
      <!-- Buttons, labels, and many other things can be placed here! -->
      <!-- Here is a label for example -->
     <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-minus"></i>
     </button>
    </div>
    <!-- /.box-tools -->
  </div>
  <!-- /.box-header -->
  <div class="box-body">
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  <h3>The body of the box</h3>
  </div>
  <!-- /.box-body -->
  <div class="box-footer">
    The footer of the box
  </div>
  <!-- box-footer -->
</div>
<!-- /.box -->