jQuery Tutorial Tutorials - jQuery .stop()

The .stop() method in jQuery is used to stop the currently-running animation.

jQuery .stop() syntax

.stop([clearQueue][,jumpToEnd]);

jQuery .stop() Examples

example

stop the currently-running animation.

$("#clickme").click(function(){
    $('#box').stop();
});

example

click the STOP button to stop animation where it's currently positioned
HTML

<button id="go">Go</button> <button id="stop">STOP!</button>
<div id="block"></div>

// Start animation
$("#go").click(function(){
    $("#block").animate({left: '+=200px'}, 2000);
});
// Stop animation
$("#stop").click(function(){
    $("#block").stop();
});

Try now