jQuery hover и активно състояние - jquery

Имам някои проблеми, опитвайки се да накарам активната мишка и активната държава да работят на уебсайта ми. Аз съм нов за jQuery и ми е трудно. Това е кодът, който в момента имам:

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

});

Искам да работи като този пример: http://www.queness.com/resources/html/fadein/index.html

Създадох тестова страница на сайта и можете да го видите тук: http://jm-ai.com/test/index.html

Използвам образ на спрайт за нормалното, ходенето и активното състояние.

Проблемът е, че когато мишката, анимацията изчезва твърде бързо и когато кликна, няма анимация.

Отговори:

Бих препоръчал mouseover mouseout. Накарайте го да запълни променлива истински фалшив, когато е щракнат.

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