@Leushinayliya

Делегирование событий addEventlistner?

помогите исправить js сейчас при нажатии на каталог или информацию выезжает список каталога. и как сделать так что бы активный класс был только один?
<nav class="nav">
                  <ul class="nav__items">
                     <li class="nav__item"><a href="#" class="nav__link">Главная</a></li>
                     <li class="nav__item">
                        <a href="#" class="nav__link arrow">Каталог
                           <ul class="items__nav">
                              <li class="item__nav"><a href="#">Классические бани-бочки</a></li>
                              <li class="item__nav"><a href="#">Квадро бани-бочки</a></li>
                              <li class="item__nav"><a href="#">Овальные бани-бочки</a></li>
                              <li class="item__nav"><a href="#">Каркасные бани серия Лира</a></li>
                              <li class="item__nav"><a href="#">Каркасные бани серия Флора</a></li>
                           </ul>
                        </a>
                     </li>
                     <li class="nav__item"><a href="#" class="nav__link arrow">Информация
                           <ul class="items__nav">
                              <li class="item__nav"><a href="#">О нас</a></li>
                              <li class="item__nav"><a href="#">Вопросы и ответы</a></li>
                              <li class="item__nav"><a href="#">Вакансии</a></li>
                              <li class="item__nav"><a href="#">Контакты</a></li>
                           </ul>
                        </a></li>
                     <li class="nav__item"><a href="#" class="nav__link fire">Наш блог</a></li>
                  </ul>
               </nav>


let arrow = document.querySelectorAll('.arrow');

arrow.forEach(element => {
   element.addEventListener("click", function (e) {
      let items_nav = document.querySelector('.items__nav');
      items_nav.classList.toggle('_active');
      element.classList.toggle('_active');
   })
});
  • Вопрос задан
  • 114 просмотров
Пригласить эксперта
Ответы на вопрос 1
@alekcena
Нелинейный наставник
При клике искать активный класс. Удалять. И навешивать на нужный блок.
Так же если это методология БЭМ, то модификатор должен называться"items__nav_active" а не "_active"
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы