Добрый вечер использую предложенный вами вариант.
<button class="bab">Кнопка</button>
<div class="box" hidden> Содержимое </div>
<button class="bab">Кнопка</button>
<div class="box" hidden> Содержимое 2</div>
<script>
addEventListener("click", function(event) {
if (!event.target.matches(".bab")) return;
const box = event.target.nextElementSibling;
box.hidden ^= true;
});
</script>
И столкнулся с следующей проблемой. Изредка кнопка не работает. Наблюдается корреляция с количеством кнопок. Примерно это выглядит вот так -
https://www.youtube.com/watch?v=zbqH...ature=youtu.be
В теме где мало кнопок все хорошо, где много они уже не работают.
Никаких ошибок в консоле на замечено, однако hidden упорно отказывается убираться, в чем может быть причина?