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
<div class="tab" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">Tab 1</a></li>
<li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">Tab 2</a></li>
<li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab">Tab 3</a></li>
<li role="presentation"><a href="#Section4" aria-controls="profile" role="tab" data-toggle="tab">Tab 4</a></li>
<li role="presentation"><a href="#Section5" aria-controls="messages" role="tab" data-toggle="tab">Tab 5</a></li>
</ul>
<div class="tab-content tabs">
<div role="tabpanel" class="tab-pane fade in active" id="Section1">
<p>content</p>
</div>
</div>