Как повесить обработчик событий на несколько элементов?

Question

[Lana]

На странице есть несколько элементов, но событие срабатывает только на первом.
Codepen
При клике открывается только первый список.
Пробовала несколькими способами, некоторые срабатывали, т.е. открывались все списки. Но переставал работать выбор внутри этих списков. Можно проверить разкомментив код в js.
Как повесить событие на все, чтобы при этом выбор элементов работал корректно?

P.S. код для раскрывашки взяла отсюда
Нашла такой же вопрос, поэтому же коду, но не могу понять как сделать.

Answer 1

[Dennis]

примерно так

let elements = document.querySelectorAll('class-of-element')

for (let i = 0; i < elements.lenght; i++) {
      elements[i].addEventListener('click', ()=> {
             DO SOMETHING.....
})
}