есть такая разметка:
<div class="item">
<h3 class="title"></h3>
<ul class="list"></ul>
</div>
<div class="item">
<h3 class="title"></h3>
<ul class="list"></ul>
</div>
<div class="item">
<h3 class="title"></h3>
<ul class="list"></ul>
</div>
нужно при клике на title добавить класс к list
сейчас код выглядит так и он не работает, пожалуйста объясните что я делаю не так и как сделать правильно.
const names = document.querySelectorAll('.title');
const items = document.querySelectorAll('.list');
names.addEventListener('click', addClassActive);
function addClassActive(){
items.classList.toggle('items-active');
}
classList
коллекции, а у нее такого свойства нет (оно есть у отдельных DOM-объектов). Найти в обработчике клика первый (в данном случае - единственный) соседний.list
можно выражениемconst list = this.parentElement.querySelector('.list');
Далее -if (list) list.classList.toggle('blabla');