停止jQueryのアニメーションループ

Question

私は、次のアニメーションがあります。私はあなたのマウスオフと立て続けに回数を超える場合には効果をアップキューイングからアニメーションを停止するにはどうすればよい

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); 
}); 

を。

Answer 1

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); 
}); 

});​