const answer = document.querySelectorAll(".answer"); const question = document.querySelectorAll(".question"); console.log(question); for (let i = 0; i < question.length; i++) { question[i].addEventListener("click", function () { answer[i].classList.toggle("hide"); }); }Tengo un FAQ con preguntas y respuestas. Las respuestas están ocultas hasta que se hace clic en la pregunta. ¿Cómo puedo hacer que cuando muestre una respuesta, se oculte automáticamente cuando haga clic en otra pregunta para que solo se muestre una respuesta?
Recorre todas las respuestas. Si es la respuesta a la pregunta actual, muévala, de lo contrario ocúltela.
for (let i = 0; i < question.length; i++) { question[i].addEventListener("click", function () { for (let j = 0; j < answer.length; j++) { if (j == i) { answer[j].classList.toggle("hide"); } else { answer[j].classList.add("hide"); } } }); }