Home/ Questions/Q 7458129
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T13:24:33+00:00

I have the following animation: http://jsfiddle.net/jtqcj/2/ jQuery(#fp-small-feature-1).mouseenter(function(){ jQuery(.bar).animate({width: 264px},500); }); jQuery(#fp-small-feature-1).mouseleave(function(){ jQuery(.bar).animate({width: 0px},800); });

  • 0

I have the following animation:

http://jsfiddle.net/jtqcj/2/

jQuery("#fp-small-feature-1").mouseenter(function(){
    jQuery(".bar").animate({width: "264px"},500);
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){
    jQuery(".bar").animate({width: "0px"},800);
});

How do I stop the animation from queuing up the effect if you mouse off and over a number of times in quick succession.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    jQuery(document).ready(function(){
jQuery("#fp-small-feature-1").mouseenter(function(){
    jQuery(".bar").stop().animate({width: "264px"},500);
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){
    jQuery(".bar").stop().animate({width: "0px"},800);
}); 

});​
    • 0