помогите исправить 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');
})
});
