Bonjour à tous,

J'ai créé un formulaire qui commence par un champ select pour le choix de catégorie, selon certaine catégorie la suite de mon formulaire doit contenir certain champs supplémentaire, j'essaie donc d'afficher ces champs supplémentaire avec jquery, ce que j'arrive à faire sans trop de souci, par contre à chaque sélections il m'affiche la div en question mais je n'arrive pas à cacher les autres div qui ont été affiché avant au cas ou on ce trompe de catégorie ou que l'on veut simplement en changer

<script type="text/javascript">
$(document).ready(function(){
    $("select[name='statut']").change(function(){
	$("#cat_"+ $("select[name='statut'] option:selected").val()).show(); 
    });
});
</script>

donc avec ce code quand je sélectionne une catégorie qui doit avoir des champs supplémentaires pas de souci elle s'affiche mais si je selectionne une autre catégorie juste après il ne me cache pas c'elle d'avant!
alors je sais pas si avec jquery on peut stocker la dernière valeur du select pour la cacher en premier et afficher la nouvelle, ou si il faut et si on peut faire un while qui cache toutes les div et ensuite j'affiche la bonne div?

merci pour votre aide

<script type="text/javascript">
$(document).ready(function(){
    $("select[name='statut']").change(function(){
	for (var i = 0, j = $("select[name='statut'] option").length; i < j; i++)
        {
	$("#cat_"+ i).hide(); 
         }
        $("#cat_"+ $("select[name='statut'] option:selected").val()).show(); 
    });
});
</script>