title: Bootstrap accordion jumps to center of the page on load
body: <p>I'm building a side navigation panel using Bootstrap collapse and want all sections to be open on load.  My code below does this, but it also jumps to the middle of the page on load.  It looks like the page jumps right under the second expandable section.  Is there a way to fix this?</p>
  
  <pre><code>&lt;div class="panel-group" id="accordion" aria-multiselectable="true"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading" id="headingOne"&gt;
        &lt;h4 class="panel-title"&gt;&lt;a role="button" data-toggle="collapse" data-target="#collapseOne"&gt;My Case&lt;i class="pull-right fa fa-plus"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="panel-collapse collapse show" id="collapseOne"&gt;
        &lt;div class="panel-body"&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;At A Glance&lt;/a&gt; 
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Authorized Representatives&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Benefits&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Granite Advantage&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Documents&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Notices&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading" id="headingTwo"&gt;
        &lt;h4 class="panel-title"&gt;&lt;a role="button" data-toggle="collapse" data-target="#collapseTwo"&gt;My Profile&lt;i class="pull-right fa fa-plus"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="panel-collapse collapse show" id="collapseTwo"&gt;
        &lt;div class="panel-body"&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Contact Information&lt;/a&gt; 
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Get In Touch&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="list-group-item"&gt;Security Settings&lt;/a&gt;           
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading" id="headingThree"&gt;
        &lt;h4 class="panel-title"&gt;Need Help?&lt;/h4&gt;
        &lt;p class="small m-t-sm"&gt;If you have a question about your case, contact the Customer Service Center.&lt;/p&gt;
        &lt;br/&gt;
        &lt;i class="fas fa-phone fa-flip-horizontal m-r-sm blue"&gt;&lt;/i&gt;1-844-CALL-HELP
        &lt;br/&gt;
        &lt;i class="fas fa-envelope m-r-sm blue"&gt;&lt;/i&gt;&lt;a href="#" target="_blank"&gt;Email&lt;/a&gt; 
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>