Tab Active Across Multiple Pages Without Page Refresh

0

If I’m going between multiple pages, how can I get the a tab to stay open/active on each subsequent page?

Example, on the landing page, I click the tab for “English” and then what I click a link for “Products” the tab for English is already open on the Product page.

<ul class="nav navbar-nav" id="langTab">
<li role="presentation" class="active"><a href="#español" aria-controls="español" role="tab" data-toggle="tab">Español</a></li>
<li role="presentation" class=""><a href="#english" aria-controls="english" role="tab" data-toggle="tab">English</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane" id="español" role="tabpanel">Spanish content</div>
  <div class="tab-pane" id="english" role="tabpanel">English content</div>
</div>

Link: Tab Active Across Multiple Pages Without Page Refresh
Source: Stack Jquery

Share.

About Author

Leave A Reply