CSS .parent() qui détruit le hover
Bonsoir,
Lorsque j'appelle $(this).parent().css pour changer le background-color de la balise de classe="selection", son hover disparait alors que j'aimerai qu'il reste.
Le HTML
Code:
1
2
3
| <div class="selection">
<span class="type-a">Attaque</span>
</div> |
Le Jquery
Code:
1
2
3
4
5
6
7
8
9
10
| $('span[class|="type"]').click(function(){
if($(this).attr("class")=="type-b"){
$(this).attr("class", "type-a");
$(this).parent().css("background-color", "#fe0002");
}
else{
$(this).attr("class", "type-b");
$(this).parent().css("background-color", "#fe6400");
}
}); |
Le CSS
Code:
1
2
3
4
5
6
| .selection{
background-color: #fe0002;
}
.selection:hover{
background-color: #fe0064;
} |
Comment puis-je faire pour parer cela ?
Merci de votre aide
