Хочу выделить активную страницу
<div class="shop_nav_box">
<a href="{{ url_for('profile.profile_page') }}" class="nonactive">Профиль</a>
<a href="{{ url_for('profile.notifications') }}" class="nonactive">Оповещения</a>
<a href="{{ url_for('profile.preferences') }}" class="nonactive">Настройки</a>
...
</div>
Меняю названия класса для корректной отрисовки css
$(document).ready(function(){
if(localStorage.active_apge) {
$('.nonactive').removeClass('nonactive').addClass( localStorage.active_apge );
}
$(".profile-link").click(function(){
$(this).removeClass('nonactive').addClass('active');
localStorage.active_apge = 'active';
});
});
Но при переключении вкладок меняются все классы.