Bonsoir,

J'ai un problème que je n'arrive pas à résoudre ,en fait j'ai un formulaire avec une structure d'accordion à quatre partie et je voudrai que quand je clik sur par exemple sur l'une des checkbox de ma deuxieme partie ( 2ieme panneau de l'accordion) ,ca ouvre le 3ieme panneau ou 4ieme ,j'ai reussi a faire sa mais quand je fait deux choix sur sur le 2ieme panneau c'est a dire que je coche un deuxieme checkbox ,la 3ieme se referme avant davoir validé le formulaire ,je sais pas si j'ai été clair mais en gros je voudrai garder le 3ieme panneau ouvert quelque soit le nombre choix .

merci davance ,je sais que je s'explique pas trop bien 

var acc = document.getElementsByClassName("accordion");
var i;
    /*Action couleur  lors de la selection*/
for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");

    /* Action accordion pour afficher ou cacher le texte */
    toggleSibling(this);
  });
} 

function toggleSibling(elem){
  var panel = elem.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
}



var placementcheckbox = document.querySelectorAll(".placement input");
    placementcheckbox.forEach(function(checkbox) {
    checkbox.addEventListener('change',function(){
       if(checkbox.checked ){
         let typologie = document.querySelector("#typo");
         typologie.classList.add('active');
         toggleSibling(typologie);
       }
      
      });
    });

/* #typo correspont à l'id de la div a faire apparaitre*/

/*. placement input -> cible tout les input de ma classe placement*/