Добрый вечер, подскажите пожалуйста.
На сайте имеется меню.
При нажатие в меню на пункт -
он подсвечивается зелёным.
Код:
let catName = $(".category_link.selected").text();
$('.category_link.selected').is('.selected') ? $('.category_link.selected').css( "color", "green" ) : $('.category_link.selected').css("color", "red");
Такая же история есть и в фильтре:
let checkName = $(".option-input:checked").next().text();
$('.option-input:checked').is('.checked') ? $('.option-input:checked').next().css( "color", "green" ) : $('.option-input:checked').next().css("color", "red");
Весь код:
$(document).ready(function() {
let catName = $(".category_link.selected").text();
let checkName = $(".option-input:checked").next().text();
/* Подсветка меню */
$('.category_link.selected').is('.selected') ? $('.category_link.selected').css( "color", "green" ) : $('.category_link.selected').css("color", "red");
/* Подсветка в фильтре пункта выбранного */
$('.option-input:checked').is('.checked') ? $('.option-input:checked').next().css( "color", "green" ) : $('.option-input:checked').next().css("color", "red");
if(catName === checkName) {
$(checkName).css('color', 'green');
console.log('trueeeee');
} else {
console.log('Falseeeee');
}
});
Вопрос:
Как сделать так, чтоб при нажатие на пункт в меню, так же подсвечивался в фильтре этот же меню при переходе?