title: How to set all boxes collapsed in adminlte?
body: <p>I have a collapsible box in adminlte. by default when page loads, it's expanded. How to make it collapsed by default?</p>
  
  <p>Here is what I have used to make box:</p>
  
  <p><a href="https://adminlte.io/docs/2.4/js-box-widget" rel="nofollow noreferrer">https://adminlte.io/docs/2.4/js-box-widget</a></p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div class="box"&gt;
  
    &lt;div class="box-header with-border"&gt;
  
      &lt;h3 class="box-title"&gt;Collapsible Box Example&lt;/h3&gt;
  
      &lt;div class="box-tools pull-right"&gt;
        &lt;!-- Collapse Button --&gt;
        &lt;button type="button" class="btn btn-box-tool" data-widget="collapse"&gt;
          &lt;i class="fa fa-minus"&gt;&lt;/i&gt;
        &lt;/button&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;div class="box-body"&gt;
      The body of the box
    &lt;/div&gt;
  
    &lt;div class="box-footer"&gt;
      The footer of the box
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>My script:</p>
  
  <pre><code>&lt;script&gt;
  $('.box').boxWidget({
      animationSpeed: 500,
      collapseTrigger: '#my-collapse-button-trigger',
      removeTrigger: '#my-remove-button-trigger',
      collapseIcon: 'fa-minus',
      expandIcon: 'fa-plus',
      removeIcon: 'fa-times',
      hide: true
  })
  </code></pre>
  
  <p></p>