Comment animer des liens de texte à l'aide de jQuery?

Question

Je suis un peu nouveau à jQuery et j'ai un problème avec quelque chose que j'essaie de mettre en œuvre.

J'ai un menu de navigation vertical où chaque lien s'anime en survolant en changeant de couleur, en augmentant l'espacement des lettres et en ajoutant une bordure sur la gauche.

Tout fonctionne comme je le souhaite sauf lorsque je clique sur le lien. Après avoir cliqué sur le lien, le texte change de couleur et reste de la même couleur même lorsque je survole le lien.

Je veux arriver à où le changement de couleur sur le vol stationnaire reste intact même après que je clique sur le lien. Je suis sûr qu'il me manque quelque chose de simple, mais j'ai essayé tout ce que je sais faire avec aucune chance. Toute suggestion vous serait utile!

Voici ce que j'ai pour l'animation ...

<script type="text/javascript"> 

$(document).ready(function(){ 
    $("ul.navlist li a").hover(function(){ 
     $(this).stop() 
      .animate({paddingLeft: '10px',letterSpacing: '2px',borderWidth:'20px'}, 
         {queue:false,easing:'easeInQuad'},50) 
    }, 
    function(){ 
     $(this).stop() 
      .animate({paddingLeft: '0px', letterSpacing: '0px',borderWidth:'0px'}, 
        {queue:false,easing:'easeOutQuad'},50) 
    }); 
}); 

</script> 

Mon css pour la liste de navigation est ici ...

.navlist { 
    list-style: none; 
} 


.navlist a { 
    border-left-color: #555555; 
    border-left-style: solid; 
    border-left-width: 0px; 
    color: #c4c4c4; 
} 

.navlist a:hover { 
    border-left-color: #555555; 
    border-left-style: solid; 
    color: #555555; 
} 

Answer 1

Ajouter une déclaration .navlist a:visited entre .navlist a et .navlist a:hover qui définit la couleur du texte à # c4c4c4.