Как переключать активный класс на другой странице?
Bootstrap 4 > tabs
При клике на кнопку прочитать больше, переход на новую страницу. Активной должна быть соответствующая вкладка.
Как можно передать это?
Спасибо!
<!-- 1page.html -->
<html>
<a href="2page.html" class="more1">more1</a> <!-- after click transition 2page.html tab1 - active -->
<a href="2page.html" class="more2">more2</a> <!-- after click transition 2page.html tab2 - active -->
<a href="2page.html" class="more3">more3</a> <!-- after click transition 2page.html tab3 - active -->
<script>
$('.more3').click(function(){
localStorage.clear();
localStorage.setItem('tab3');
});
</script>
</html>
<!-- 2page.html -->
<html>
<a href="#tabContent1" class="nav-link tab1 active">tab1</a>
<a href="#tabContent2" class="nav-link tab2">tab2</a>
<a href="#tabContent3" class="nav-link tab3">tab3</a>
<div class="tab-content">
<div class="tab-pane show active" id="tabContent1">
lorem1
</div>
<div class="tab-pane" id="tabContent2">
lorem2
</div>
<div class="tab-pane" id="tabContent3">
lorem3
</div>
</div>
<script>
localStorage.getItem(""));
</script>
</html>