Landing page with HTML5/SCSS AND VANILLA JAVASCRIPT

Is there any way i can make a faq to close when another is opened.

I tried this

openFaq();

function openFaq(e) {
  for (let i = 0; i < showAnswer.length; i++) {
    showAnswer[i].addEventListener("click", (e) => {
      hideFaqs();
      answers[i].classList.toggle("open");
      closeFaq[i].classList.toggle("active");
      e.preventDefault();
    });
  }
}

function hideFaqs() {
  answers.forEach((ans) => {
    ans.classList.remove("open");
  });
}

which worked except for the fact that i could no longer close an faq without leaving another one open.