Il metodo finish() interrompe le animazioni in esecuzione e le rimuove dalla coda. È simile al metodo stop, ma a differenza di quest’ultimo termina anche tutte le animazioni CSS.
$(selector).finish(queueName)
queueName: facoltativo, specifica il nome della coda
<script>
$(document).ready(function(){
$("div").click(function(){
$("div").animate({height: 400}, 5000);
$("div").animate({width: 400}, 5000);
});
$("#stop").click(function(){
$("div").finish();
});
});
</script>
<button id="stop">stop</button>
<div style="height:200px;width:200px;background-color:red"></div>