Как добавить класс активности при клике и перезагрузке и удалить их у других элементов?

Question

[Чингиз Гусейнов]

Здравствуйте. Подскажите, пожалуйста. Есть несколько элементов, при клике на один из них идет переход на привязанную к элементу страницу ( так у меня реализован выбор цвета ). Как с помощью Jquery добавлять класс активности к выбранному элементу и удалить у другого, при этом страница перезагружается. Я попытался сделать через localstorage но у меня не вышло. Я новичок и еще слабо разбираюсь в этом. Заранее спасибо.
Вот что я пытался сделать сам:

if (localStorage.getItem('.color-block') == 'active') {
		$('.color-block').addClass('active');
	}
	$('.color-block').click(function () {
		$('.color-block').addClass('active');
		if (localStorage.getItem('color-block') == 'active') {
			localStorage.removeItem("color-block", "active");
		} else {
			localStorage.setItem("color-block", "active");
		}
	});

<div class="color-upsells">
<a href="https://сайт.ru/product/name/"><span class="color-block" style="background-color:#9b5e22;"></span></a>
<a href="https://сайт.ru/product/name/"><span class="color-block" style="background-color:#000000;"></span></a>
<a href="https://сайт.ru/product/name/"><span class="color-block" style="background-color:#b52626;"></span></a>
</div>

Comments

[Sagrana]

Без html разметки сложно понять, что именно у вас там происходит.

[Чингиз Гусейнов]

Точно! Сорри.