Как отменить действия на ссылку при нажатии на другую ссылку?

Question

[Norum]

Я задал для меню свойство, что при нажатии на одну из ссылок в меню, она загорается красным, но при нажатии на следующую, это свойство остается у предыдущих ссылок. Как сделать так, чтобы при нажатии на следующую ссылку, свойство удалялось у предыдущей? Красным я выделил специально, чтобы было видно работает или нет.

Сам сайт ilyin1ib.beget.tech

.active-link {
    background-color:  red;
}

$('.menu ul li a').on('click', function() {
		$('.hamburger').removeClass("is-active");
		$('.menu').removeClass('menu-open');
		$('.bg ').removeClass('bg_show');
		$('.content').removeClass('content_move');
		$('.logo').removeClass('logo-move');
	   	$('.contacts').removeClass('contacts-move');
	   	$('html').removeClass('no-scroll');
	   	$('.navbar').removeClass('navbar_hide');
	   	$(this).toggleClass('active-link'); / Вот ЭТА строчка

Answer 1

[Алексей Дубровин]

Не знаю Jq но попробую

$('.menu ul li a').removeClass('active-link');
$(this).addClass('active-link');

Comments

[Norum]

сработало, но я не понял логику, почему именно в таком порядке? У вас сначала удаляется класс, которого еще не существует, а потом у нажатого , активизируется? Логично же должно быть так

$(this).addClass('active-link');
$('.menu ul li a').removeClass('active-link')

[Алексей Дубровин]

Norum,
Не не логично.
В программировании всё идёт в точности так как мы пишем.
Сначала мы должны удалить все существующие active-link, только потом добавлять.
Иначе в вашем случае вы добавляете класс, а потом следующей строкой его же и удаляете.
тк как ваш "this" подпадает под условие '.menu ul li a' а значит что у него тоже удалиться этот класс.
В итоге вы даже не увидите что код работает. вам будет казаться что класс не добавляется.