Как отменить js код и добавить другие функции при клике по кнопке?

Есть функция который добавляет класс .active при условии гео таргетинга, например город Москва определен как местоположение клиента и из списка городов Москва, СПБ, Саратов присвоим выделяющий класс к кнопке Москва с помощью js кода, но задача в том что если геотаргетинг не правильно определен и пользователь нажал на кнопку СПБ, тогда при клике нужно отменить автоматического добавление класса к кнопке Москва и добавить его к СПБ, как мне решить эту проблему?

JS код геотаргетинга
$(document).ready(function() {
			if (YMaps.location.city != '') {
				var youRegion = (YMaps.location.city);
				if (youRegion === "Караганда") {
					$(".col2").addClass("geoactive");
					$(".karaganda").addClass("active");
				} else if (youRegion === "Астана") {
					$(".col3").addClass("geoactive");
					$(".astana").addClass("active");
				} else if (youRegion === "Алматы") {
					$(".col1").addClass("geoactive");
					$(".almaty").addClass("active");
				} else if (youRegion === "Москва") {
					$(".col4").addClass("geoactive");
					$(".moskva").addClass("active");
				} else {
					$(".astana").addClass("active");
				}
			}
		});


Код HTML

<div class="city">
				<button class="col1 column" data-toggle="modal" data-target="#mapalmaty">
					<div class="city_name">Алматы</div>
					<div class="city_adress">пр. Достык, 91/2, 7 этаж </div>
				</button>
				<button class="col2 column" data-toggle="modal" data-target="#mapkaraganda">
					<div class="city_name">Караганда</div>
					<div class="city_adress">ул. Ержанова, 41/1, оф. 5</div>
				</button>
				<button class="col3 column" data-toggle="modal" data-target="#mapastana">
					<div class="city_name">Астана</div>
					<div class="city_adress">ул. Кенесары, 15, оф. 11 </div>
				</button>
				<button class="col4 column" data-toggle="modal" data-target="#mapmoskva">
					<div class="city_name">Москва</div>
					<div class="city_adress">г. Химки, ул. Бабакина, 5а </div>
				</button>
			</div>


(В реальном примере мне нужно чтобы на этом сайте нужно показать карту при клике по кнопкам сначала по геотаргетингу при клике кнопки Схема проезда и отменить геотаргетинг и показать по желанию клиента если клиент хотел посмотреть другие города

PS: Заранее извиняюсь если запутал вас) но помощь очень нужна
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы