вопрос
Есть js код для переключения табов
Их html
Необходимо дописать существующий js чтобы вкладки запоминались даже после обновления страницы.
Желательно запоминать в localStorage
$(document).on('click', '.tabs-nav li:not(.active)', function(){
$(this).addClass('active').siblings().removeClass('active');
var group = $(this).parent('ul').data('group');
var box = $(this).data('box');
$('.' + group + ' .box-' + box).addClass('active').siblings().removeClass('active');
});
Их html
<ul class="tabs-nav" data-group="tab_group">
<li data-box="tab1" class="active">Вкладка 1</li>
<li data-box="tab2">Вкладка 2</li>
<li data-box="tab3">Вкладка 3</li>
<li data-box="tab4">Вкладка 4</li>
<li data-box="tab5">Вкладка 5</li>
</ul>
<div class="tab_group">
<div class="box-tab1 active">Содержание 1</div>
<div class="box-tab2">Содержание 2</div>
<div class="box-tab3">Содержание 3</div>
<div class="box-tab4">Содержание 4</div>
<div class="box-tab4">Содержание 5</div>
</div>
.tab_group > div {display: none;}
.tab_group > div.active {display: block;}
Необходимо дописать существующий js чтобы вкладки запоминались даже после обновления страницы.
Желательно запоминать в localStorage