@ferds
front-end

Как переключать активный класс на другой странице?

Как переключать активный класс на другой странице?
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>
  • Вопрос задан
  • 236 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Arik
Cookies, Local Storage или на сервере как-то рулит этим
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы