проще всего это написать?
https://jsfiddle.net/g4tc9s2z/
в примере есть два группы и сейчас атрибуты меняются для всех элементов
Задавать какой то параметр, по типу кей в реакте, в ванильном жс тоже такое есть
долго буду гуглить чтобы понять как это сделать
Атрибут data погугли
вообще хз как использовать forEach на значение атрибута
Можешь в иннер хтмл всовывать стрелку по идее, там мапом перебирать массив и создавать каждый элемент отдельно, всовывая атрибут
лично я хочу примитивную схему, ищем все элементы, по клику на нужный элемент - получаем значение атрибута, затем ищем все по идентичному значению атрибута и меняем им то что нужно
Как ты задавать атрибуты будешь? Рандомно или уже всунутые? Тогда первый пункт зачем
const details = document.querySelectorAll("details"); details.forEach((targetDetail) => { targetDetail.addEventListener("click", () => { var dataGroup = targetDetail.getAttribute('data-group'); details.forEach((detail) => { if (detail !== targetDetail) { detail.removeAttribute("open"); } }); }); }); проще говоря надо выбрать все элементы по признаку атрибута со значением из переменной dataGroup
https://developer.mozilla.org/ru/docs/Web/API/Document/querySelectorAll
обычные группы спойлеров, созданные вручную, единственное - стоит учесть что не всегда будет быть заданы группы
типа такого чтоль? detail.querySelectorAll('[data-group = "' + dataGroup + '"]') {
Обсуждают сегодня