title: Bootstrap Accordion Refresh Settings
body: <p>I have a bootstrap accordion in my web app using the code found in the bootstrap documentation: </p>
  
  <pre><code>&lt;div class="accordion" id="accordion2"&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;Section 1&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseOne" class="accordion-body collapse in"&gt;
        &lt;div class="accordion-inner"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="accordion-group"&gt;
      &lt;div class="accordion-heading"&gt;
        &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;Section 2&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="collapseTwo" class="accordion-body collapse"&gt;
        &lt;div class="accordion-inner"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my application.html.erb file I have a line of code set to refresh the page every 30 seconds. </p>
  
  <pre><code>&lt;meta http-equiv="refresh" content="30" &gt;
  </code></pre>
  
  <p>When the page refreshes it always opens up with the first section open. Is there a way to refactor the code so when the page refreshes it will stay the way the page was before the refresh? </p>