Zawieszanie jQuery i stan aktywny - jquery

Mam pewne problemy, próbując zrobić aktywację i aktywację stanu na mojej stronie internetowej. Jestem nowy w jQuery i mam problem ze znalezieniem go. To jest kod, który mam obecnie:

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

});

Chcę, żeby działał jak ten przykład: http://www.queness.com/resources/html/fadein/index.html

Stworzyłem stronę testową witryny i można ją zobaczyć tutaj: http://jm-ai.com/test/index.html

Używam obrazu ikonki dla normalnego, najechania i aktywnego stanu.

Problem polega na tym, że za każdym razem, gdy ustawię kursor, animacja znika zbyt szybko i po kliknięciu nie ma animacji.

Odpowiedzi:

Polecam mouseover mouseout. Spraw, aby po każdym kliknięciu wypełniła zmienną true false.

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