使用纯JavaScript单击div元素时删除或激活特定状态

在过去的几天里，我提交了一个关于分页的问题（如何使用纯JavaScript在css中添加和删除活动状态），我得到了一个很好的答案。在同一个问题中，我遇到了一个问题，只有在这次单击另一个div时才删除活动状态

let questions = document.querySelectorAll('.question__container'),
questionBar = document.querySelectorAll('#bar'),
questionClose = document.querySelectorAll('.paragraph__close'),
answers = document.querySelectorAll('.answers__container');

/* activeBar / activeAnswer */

function resetQuestions() {
    for (let i = 0; i < questions.length; i++) {
        questionBar[i].classList.remove('activeBar');
        answers[i].classList.remove('activeAnswer');
    }
}

function addActiveAnswer() {
    for (let i = 0; i < questions.length; i++) {
        questions[i].addEventListener('click', function() {
            resetQuestions();
            questionBar[i].classList.add('activeBar');
            answers[i].classList.add('activeAnswer');

            questionClose[i].addEventListener('click', function() {
                resetQuestions();
            });
        });
    }
}
addActiveAnswer();

let questions=document.querySelectorAll（'.question\uu容器'），
questionBar=document.querySelectorAll（“#bar”），
questionClose=document.querySelectorAll（“.段落\uu close”），
answers=document.querySelectorAll（'.answers\uu容器'）；
/*activeBar/activeAnswer*/
函数重置问题（）{
for（设i=0；i

我试图构建一个被称为Q&a的页面，当用户点击一个问题时，答案会消失在下方，但当点击结束div元素时，

resetQuestions（）无法执行

提前感谢您的回答。
您的问题/答案是动态生成的吗？Jquery addClass（）、removeClass（）和hasClass（）可能更易于使用。@ObsidManager否它们是thems selfs div元素，一个在上面another@Zapp在这个项目/网站中，我尽量避免使用Jquery，因为我仍在学习过程中，我试图首先掌握香草JavaScript。