В чем ошибка, чего не хватает?

Question

[sexy__sky]

Здравствуйте уважаемые мастера своего дела . Столкнулся с проблемой ввиду недостаточного знания js. Суть такая- хочу сделать у артикула на странице чтоб при клике на ссылку в названии товара открывалось описание . Сделал просто , у описания товара Хидден стиль , и чтоб при клике он заменялся на актив. Но это только работает с первым товаром(( Как сделать чтоб Работало у всех артикулов , ну не у всех сразу а чтоб срабатывало у конкретного описания . Вот мои наброски
articlea.addEventListener("click", function (event) {
articletittle.classList.toggle("active");
});

Comments

[sexy__sky]

https://jsbin.com/lovapatefa/1/edit?output

Answer 1

[Alexander Belov]

Без примера кода сложно сказать, но советую почитать про "this":
javascript.ru/tutorial/object/thiskeyword

и event delegation:
https://learn.javascript.ru/event-delegation

Comments

[sexy__sky]

Структура такая -
артикулл с айди
в нем 2 блока -ферст блок (в котором ссылка в названии) и секунд блок (в котором описание)
У секонд блока просто класс Хидден .
В js просто тугл на клик по ссылке при котором Хидден меняется на актив, но срабатывает только у первого артикула , а у остальных нет. как то может через айди сделать чтоб срабатывало именно в сомом артикуле?Но синтаксиса js не хватает.
js выше есть пример

Answer 2

[ASiD]

1. Ссылке должен быть присвоен ID. Можно всем одинаковый
2. Обработчик:

$("body").on("click", "#id_ssilki_v_nazvanii_tovara", function () {

});

3. Искать элементы для изменения не напрямую по ID, а относительно этого элемента $(this), parent, children, prev, next

Comments

[tommy_13]

> 1. Ссылке должен быть присвоен ID. Можно всем одинаковый

одинаковый class!!!!

[ASiD]

tommy_13: Попробовал по классу - работает. Тогда вместо #id_ssilki_v_nazvanii_tovara пишем .class_ssilki_v_nazvanii_tovara

[sexy__sky]

ASiD: Я добавил в комментарии песочницу

[sexy__sky]

tommy_13: Я добавил в комментарии песочницу