Приветствую, есть такой код
$(function(){
$('.header__city-link').click(function(){
event.preventDefault();
$(".header__city-list").slideToggle('fast');
});
$('.header__city-item a').click(function(){
event.preventDefault();
var tx = $(this).html();
$(".header__city-list").slideUp('fast');
$(".header__city-link").html(tx);
if ($(".header__city-link:contains(Железногорск)")) {
$(".contacts__item--jeleznogorsk").addClass("contacts__item--active");
}else {
$(".contacts__item--jeleznogorsk").removeClass("contacts__item--active");
}
if ($(".header__city-link:contains(Белгород)")) {
$(".contacts__item--belgorod").addClass("contacts__item--active");
}else {
$(".contacts__item--belgorod").removeClass("contacts__item--active");
}
if ($(".header__city-link:contains(Курск)")) {
$(".contacts__item--kursk").addClass("contacts__item--active");
}else {
$(".contacts__item--kursk").removeClass("contacts__item--active");
}
});
})
Благодаря нему на сайт выводится список с городами, а также по идее если элемент с классом ".header__city-link" содержит в себе название одного из городов, этому городу с классом к примеру ".contacts__item--kursk", добавляется активный класс "contacts__item--active". Но моя задумка почему то не работает нормально при выборе города Железногорск, класс "contacts__item--active" добавляется всем вышеуказанным городам, а именно Железногорску, Белгороду, Курску. Хотя в коде выше указано конкретно, что если ".header__city-link" содержит именно текст Железногорск, только тогда добавляем класс"contacts__item--active". Кто подскажет в чем ошибка?