title: tab multiple with content stay on same page after reload page
body: <p>I have five tabs with each tabs content after click on tabs there are content for each tab, currently if I am on 3rd tab and if I reload the page I automatic moved on first tab, I would like to when I click on any tab after the reload page I need to still on same tab, please help</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="tab" role="tabpanel"&gt;
                  &lt;!-- Nav tabs --&gt;
                  &lt;ul class="nav nav-tabs" role="tablist"&gt;
                      &lt;li role="presentation" class="active"&gt;&lt;a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#Section4" aria-controls="profile" role="tab" data-toggle="tab"&gt;Tab 4&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#Section5" aria-controls="messages" role="tab" data-toggle="tab"&gt;Tab 5&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  
                  &lt;div class="tab-content tabs"&gt;
                      &lt;div role="tabpanel" class="tab-pane fade in active" id="Section1"&gt;
                      &lt;p&gt;content&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>