@vasilgut

Как сделать, чтобы не убирался активный класс?

const servicesList = document.querySelector('.services__сategory');
  const activeClass = "active-category";
    
    servicesList.addEventListener("click", function(event) {
    const element = event.target.closest(".category-item");
    if (!element) return;
    
    const activeElement = element.parentElement.querySelector(".active-category");
    activeElement && activeElement.classList.remove(activeClass);
    (element === activeElement) || element.classList.add(activeClass);
    });

Как сделать, чтобы при клике на уже активный элемент класс .active-category не убирался?
Заранее большущее спасибо:)
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
const servicesList = document.querySelector('.services__сategory');
const activeClass = "active-category";

servicesList.addEventListener("click", function(event) {
  const element = event.target.closest(".category-item");
  if (!element) return;

  const activeElement = element.parentElement.querySelector(".active-category");
  
  if (element !== activeElement) {
    activeElement.classList.remove(activeClass);
    element.classList.add(activeClass);
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
23 янв. 2021, в 18:06
5000 руб./за проект
23 янв. 2021, в 17:51
150000 руб./за проект