[TommyDBrown]

Список с городами, которые выбираем:

<div class="header__center-inner">
				<div class="header__city">
					<span>Ваш город: <a class="header__city-link" href="#">выберите город</a></span>
					<ul class="header__city-list">
						<li class="header__city-item header__city-item--belgorod"><a href="#">Белгород</a></li>
						<li class="header__city-item header__city-item--vladimir"><a href="#">Владимир</a></li>
						<li class="header__city-item header__city-item--jeleznogorsk"><a href="#">Железногорск</a></li>
						<li class="header__city-item header__city-item--kursk"><a href="#">Курск</a></li>
						<li class="header__city-item header__city-item--orel"><a href="#">Орёл</a></li>
					</ul>
				</div>

Для каждого города также есть html

<ul>
<li class="contacts__item contacts__item--belgorod"></li>
<li class="contacts__item contacts__item--vladimir"></li>
<li class="contacts__item contacts__item--jeleznogorsk"></li>
<li class="contacts__item contacts__item--kursk"></li>
<li class="contacts__item contacts__item--orel"></li>
</ul>

Т.е. когда выбираем к примеру Белгород, то нашему элементу

<li class="contacts__item contacts__item--belgorod">

Добавляется также класс contacts__item--active. Если другой город выбираем, то для данного элемента мы класс удаляем "contacts__item--active", а новому присваиваем