jQuery stationnaire et état actif - jQuery

J’ai quelques problèmes pour essayer de faire fonctionner le survol et l’état actif sur mon site Web. Je suis nouveau sur jQuery et j’ai du mal à le trouver. C'est le code que j'ai actuellement:

$(document).ready(function(){
$(".st_tab").hover(function(){
$(this).stop().animate({opacity : "0", left: "+=50",}, 100);
}, function(){$(this).stop().animate({"opacity" : "1"}, 500);})

});

Je veux que cela fonctionne comme cet exemple: http://www.queness.com/resources/html/fadein/index.html

J'ai créé une page de test du site et vous pouvez la voir ici: http://jm-ai.com/test/index.html

J'utilise une image de sprite pour les états normal, stationnaire et actif.

Le problème est que chaque fois que je survole l'animation disparaît trop rapidement et que je clique dessus, il n'y a pas d'animation.

Réponses:

Je recommanderais mouseover mouseout. Faites-le remplir une variable true false chaque fois que vous avez cliqué dessus.

$(".st_tab").mouseover(function() { //animation }).mouseout(function() { //animation });