All comments

zaram•20

@blck-zedSubmitted 10 months ago

please suggest how i the js code i can write so when i click on a detail, the next one closes

FAQ-accordion

JessyTsiriniaina•20

@JessyTsiriniainaPosted 10 months ago

You can do it by masking all the detail the show the one where the onclick event is called

for (let index = 0; index < question.length; index++) {

question[index].addEventListener("click", function () {


    if (reponse[index].style.display == "none") {

        for (let i = 0; i < reponse.length; i++) {

            signe[i].src = "images/icon-plus.svg";
            reponse[i].style.display = "none";

        }
        reponse[index].style.display = "block";
        signe[index].src = "images/icon-minus.svg";
    }

    else {

        signe[index].src = "images/icon-plus.svg";
        reponse[index].style.display = "none";
    }
})

}

Variable: 'reponse' is the answer 'signe' represents the minus and plus sign