Соль в том, что они закрываются очень быстро )

это аргумент

Ребят, подскажите, что сделал не так. При раскрытии/скрытии элемента дергается анимация jquery https://codepen.io/andreyg91/pen/eYJePwM

Это столько жуквери чтобы тоггл сделать?

Я только учусь. С сайта примера взял.))

Там 1 строчка кода в жс

Максимум с в циклом 5

Да там по сути можно и вообще без js используя тег details
Но проблема с плавным раскрытием/закрытием

Ну да, можно и чекбоксом

Скрытым

Проблема в стилях, напиши сам открывашку на css

const answersBox = document.querySelectorAll('.answers_box');
 const answersText = document.querySelectorAll('.answers_text');

 for (let i = 0; i < answersBox.length; i++) {
   answersBox[i].addEventListener('click', function () {
     this.classList.toggle('active');
     answersText[i].style.display = 'block';
   });
 }

Вот так переделал. Но встал вопрос, как сделать что бы закрывались все кроме последнего активного.

Перед тем как открываешь удаляй класс у предыдущую

А потом открывай, задавая класс

Правильно ли при клике удалять у всех через forEach, а затем добавлять одному нужному?

Зачем форич

У тебя только у предыдущего будет класс

Раз удаляешь каждый раз