Afficher un div à partir d'un select

Bonjour à tous,
je souhaite vous soumettre un petit problème.

Voilà, je désire afficher des divs cachés en fonction de la valeur du select.

Exemple de code jquery :

Code:

---

1 2 3 4 5 6 7 8 9 10

$("#reclamation, #devis").hide(); // ici je masque mes champs à l'ouverture de la page $("#sujet").change(function() { var selec =$("#sujet option:selected").val(); if (selec == "Réclamation") { $("#reclamation").fadeIn(); } else if (selec == "Suivre mon devis") { $("#devis").fadeIn(); } });

---

Si je sélectionne l'option Réclamation mon ID s'affiche,
si je sélectionne ensuite Suivre mon colis l'ID s'affiche MAIS j'ai toujours l'ID Réclamation.

Comment faire pour supprimer l'ID réclamation lorsque je choisis Suivre mon colis et inversement ?

Merci à toous.

Ajoute une classe commune à tous les éléments à masquer/afficher et masque tous ces éléments avant d'afficher celui sélectionné.

si je met

Code:

---

$("#reclamation, #devis").hide()

---

dans

Code:

---

$("#sujet").change(function() {

---

dont j'ai :

Code:

---

1 2 3 4

$("#reclamation, #devis").hide(); // ici je masque mes champs à l'ouverture de la page $("#sujet").change(function() {   $("#reclamation, #devis").hide();

---

est-ce propre ?

Du coup si je fonctionne comme cela lors de la validation du formulaire en php et en cas de d'erreur (rechargement page), les ID concernés sont masqués puisque je les cache déjà avant le changement du select.

Il faut je pense arriver à dire que si rien n'est sélectionné on masque les ID concernés

Oui, le code ci-dessous devrait fonctionner :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

$( "#reclamation, #devis" ).hide();   $( "#sujet" ).on( "change", function(){   $( "#reclamation, #devis" ).hide();   var selec = $( "#sujet" ).val();   if ( selec == "Réclamation" ){ $("#reclamation").fadeIn(); } else if ( selec == "Suivre mon devis" ){ $( "#devis" ).fadeIn(); } });

---