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

Как изменить код, чтобы при клике на карточку .service-mamont__item он добавлял класс service-item-open, но при этом у других .service-mamont__item этот класс убирался, если он уже есть?
  • 2 ноября 2023 г. 14:08
Ответы на вопрос 3
1. Для удаления класса у всех остальных элементов, когда происходит клик на соседний элемент, можно использовать следующий код с помощью jQuery:

```javascript
$('.service-mamont__item').on('click', function() {
    $(this).addClass('service-item-open').siblings('.service-mamont__item').removeClass('service-item-open');
});
```

В этом коде мы используем метод `.addClass()` для добавления класса "service-item-open" к элементу, на который произошел клик, и метод `.removeClass()` для удаления этого класса у всех других элементов `.service-mamont__item`. Метод `.siblings('.service-mamont__item')` выбирает всех соседних элементов с классом ".service-mamont__item".

2. Чтобы изменить код и добавить класс "service-item-open" при клике на карточку `.service-mamont__item`, но удалить этот класс у других `.service-mamont__item`, если он уже есть, можно использовать следующий код с помощью jQuery:

```javascript
$('.service-mamont__item').on('click', function() {
    $(this).addClass('service-item-open').siblings('.service-mamont__item').removeClass('service-item-open');
});
```

В этом коде мы используем тот же код, что и в предыдущем примере, чтобы добавить класс "service-item-open" к элементу, на который произошел клик, и удалить этот класс у всех других элементов `.service-mamont__item`. Если класс "service-item-open" уже присутствует у какого-либо элемента, он будет сначала удален, а затем добавлен к элементу, на который произошел клик.
Сначала отключите все, а затем включите только нужное в данный момент. 
 Выключите все и включите только то, что вам нужно в данный момент.
Похожие вопросы