Cette page est une façon de souligner l'entraide qui existe sur internet dans le domaine de l'informatique et de remercier les auteurs de logiciels libres !
A la place de ceci :
.cadre-accordeon input:checked ~ .accordeon {
grid-template-rows: 1fr 10rem;
}
Je vous suggère de mettre ceci :
.cadre-accordeon:nth-child(1) input:checked ~ .accordeon{grid-template-rows: 1fr 2rem;}
.cadre-accordeon:nth-child(2) input:checked ~ .accordeon{grid-template-rows: 1fr 8rem;}
.cadre-accordeon:nth-child(3) input:checked ~ .accordeon{grid-template-rows: 1fr 6rem;}
.cadre-accordeon:nth-child(4) input:checked ~ .accordeon{grid-template-rows: 1fr 4rem;}
2rem indique un seul élément dans un sous-menu, 8rem : 4 éléments...