Question

$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
);

I use this code to animate position of the link. I move it to the left corner with slow animation speed.

How do I change speed of this animation to fast, when link is clicked?

We should get:

• slow animation when link is hovered.
• fast when it is clicked.

The problem is, link can be already animated, when we try to click on it. What do you think?

Thanks.

Answer 1

$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
).click(function() {
    $(this).dequeue().animate({left: '-500px'}, 'fast');
});