Почему клик срабатывает на всех элементах?

Question

[ralo]

Ребят подскажите как сделать так чтобы по клику разворачивалось только то меню на каторое кликнул

codepen.io/Kirsanov/pen/dXMqKY

Answer 1

[Евгений]

В вашем примере вы добавляете класс ко всем элементам.
Можно переписать код следующим образом:

var triggers = document.querySelectorAll('.trigger');
var items = document.querySelectorAll('.list_inner');

[].forEach.call(triggers, function (trigger, index) {
    trigger.addEventListener('click', function () {
        items[index].classList.toggle('visible');
    });
});

Comments

[ralo]

не работает код(

[Евгений]

ralo: Я заменил название переменной trigger, на triggers, возможно из-за этого.

[Евгений]

ralo: Вот ссылка на пример https://jsfiddle.net/6thnmvpy/

[ralo]

спасибо!

Answer 2

[Константин Самсин]

На каждый триггер повесил, чтобы ВСЕ айтемы открывались. Нужно переписать так, чтобы срабатывало только на вложенном списке.

Comments

[ralo]

а ну канечно, теперь то все понятно! нужно же просто переписать функцию))) спасибо)