Задать вопрос
@mishapsv
javascript

Как добавлять/прятать по нажатию класс с помощью javascripta?

Делал уже что-то подобное несколько раз, но сейчас не работает.
Нужно, чтобы по нажатию на заголовок прятался/открывался блок с текстом (изначально это блок дисплей: нон, при нажатии добавляется класс с дисплей: блок).
Примерный код написал здесь
  • Вопрос задан
  • 183 просмотра
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
yurzui
@yurzui
В Вашем примере на момент вызова text[i].classList.toggle('main_item--open'); переменная счетчика будет равна title.length. Можно использовать замыкание
for (var i = 0; i < title.length; i++) { 
  (function(i){
    title[i].addEventListener('click', function (event) {
      event.preventDefault();
      text[i].classList.toggle('main_item--open');
    });
  })(i);
}

Лучше не вешать обработчики в цикле, а использовать делегирование. Пример
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Консультация по улучшению качества рендера
24 апр. 2024, в 14:24
5000 руб./за проект
Добавить WalletConnect к сайту на React
24 апр. 2024, в 14:02
5000 руб./за проект
HTML-вёрстка шаблонов для SaaS-сервиса
24 апр. 2024, в 13:45
15000 руб./за проект
Ещё заказы