Bonjour à tous,

Voilà mon code JS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
$(function(){
$("li").click(function(){
$("li").css('color','#747474'); // Tout les li sont de tel couleur
$(this).css('color','black'); // Le li sélectionné devient de couleur noir
}); 
});
Mon CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
li{
color:white;
}
 
li:hover{
color:black;
}

Et mon code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<ul>
<li>premier</li>
<li>deuxième</li>
<li>troisième</li>
<li>quatrième</li>
</ul>
Le code JS fonctionne bien quand il s'agit de colorier et décoloriez mes li. Le principe étant de mettre en surbrillance le dernier li cliqué.

Cependant, dès que je fais mon premier click, le style CSS qui définit la couleur lorsqu'on passe la souris au dessus d'un li ne fonctionne plus.

Avez-vous une solution ?

D'avance merci