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

Question

[Windramix]

$('.service-mamont__item').click(function() {
    $(this).closest('.service-mamont__item').toggleClass('service-item-open');
});

При клике на карточку .service-mamont__item добавляется класс ему service-item-open
Но нужно добавить ещё задачу что бы он убирал у других .service-mamont__item класс service-item-open если он есть.

Answer 1

[ThunderCat]

Сначала убираете у всех, затем включаете на текущем.

Comments

[Windramix]

$('.service-mamont__item').click(function() {
$('.service-mamont__item').removeClass('service-item-open');
$(this).closest('.service-mamont__item').toggleClass('service-item-open');
});

Понял спасибо

[Михаил Ливач]

Windramix, эффективнее вынести выборку в константу:

const $serviceMamontItems = $('.service-mamont__item');
$serviceMamontItems.click(function() {
    $serviceMamontItems.removeClass('service-item-open');
    $(this).closest('.service-mamont__item').addClass('service-item-open');
});