Affichage texte selon la class d'un élément
Bonjour,
Je développe un petit jeu en jquery
Des que 2 cartes identiques sont soulevés, j'applique une class "trouvee"
Ensuite, dès que 2 cartes ont la class "trouvee" j'aimerais leur appliquer une nouvelle class afin d'afficher un petit texte.
Seulement avec mon code, le petit texte ne s'affiche pas qu'une seule fois mais à chaque fois... et si j'ai une nouvelle carte trouvée, il affichera 2 textes, ainsi de suite...
Je ne trouve pas la solution....
Pourriez-vous m'aider ?
Mon code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
|
if( $(".s-5").hasClass('trouvee')){
$('.ptittxt').append("<b>HELLO 1</b>").fadeOut('slow',5000, function() {
// c'est le callback, l'animation est terminée
$(this).fadeOut().empty();});
$("#s-5").addClass("putxt");
}
if( $(".s-4").hasClass('trouvee')){
$('.ptittxt').append("<b>TEST COUCOU 4</b>")
$("#s-4").addClass("putxt");
}
if( $(".s-3").hasClass('trouvee')){
$('.ptittxt').append("<b>TEST COUCOU 3</b>")
$("#s-3").addClass("putxt");
}
if( $(".s-2").hasClass('trouvee')){
$('.ptittxt').append("<b>TEST COUCOU 2</b>")
$("#s-2").addClass("putxt");
}
if( $(".s-1").hasClass('trouvee')){
$('.ptittxt').append("<b>TEST COUCOU 1</b>")
$("#s-1").addClass("putxt");
} |