Hello !
 
Je me débrouille plutôt bien en html / css mais niveau Javascript / jQuery c'est pas encore ça    
 
En fait j'ai créer une liste déroulante avec <select> et j'aimerai afficher / masquer mes <div> en fonction de l'option choisi dans la liste :
 
Je n'ai pas encore attribué de classe à mes div mais l'idée c'est que certaines correspondront à une option de la liste déroulante ;
 
Pour être plus clair je vous mets un lien vers mon code, et si par hasard quelqu'un pourrait m'aider ce serait top ( examen la semaine pro   ) :
 
https://codepen.io/bckstr75/pen/ExYOzxQ

Bonjour,

Tu devrais pouvoir y arriver en lisant ces trois pages :

• querySelectorAll
• change event
• classList

Tu ajoutes une classe à chaque div, lorsque l'évènement "change" est déclenché sur ta liste déroulante, tu récupères la valeur de la liste déroulante (idéalement la valeur indique la classe css à afficher).
Avec querySelectorAll tu sélectionnes toutes les classes de div et tu leur ajoutes la classe "hidden" (que tu auras préalablement créé dans ton css) via classList afin de les cacher. Puis de nouveau, avec querySelectorAll tu sélectionnes uniquement la classe css correspondant à la valeur de la liste déroulante, tu retires la classe "hidden" via classList et le tour est joué.