Afficher des div selon une class
Bonjour,
Je rencontre un petit souci avec un script qui me permet d'afficher des divs qui ont une certaine class selon un choix depuis un select.
Mon souci est que tous les divs s'affichent et tiennent pas compte du select
Merci de votre aide
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <div id="pieces_justificatives">
<div class="piece p1 p2 p24">
<div class="text_piece">
Contenu 1
</div>
</div>
<div class="piece p1 p2">
<div class="text_piece">
Contenu 2
</div>
</div>
<div class="piece p1 p2 p24">
<div class="text_piece">
COntenu 2
</div>
</div> |
Js
Code:
1 2 3 4 5 6 7 8 9 10 11
| $(document).on('change', ".choice", function(){
id = $(this).val();
$("#pieces_justificatives").show();
$("#pieces_justificatives piece").each(function(i){
if($(this).hasClass('p'+id)){
$(this).show();
}else{
$(this).fadeOut();
}
})
}) |