jQuery: evitare di avere animazioni in coda sugli eventi del mouse

In jQuery possiamo evitare di avere animazioni in coda sugli eventi del mouse.

La soluzione è la seguente:

$( element ).hover(function() {

  $( this ).stop( true, true ).animate({
    height: 100
  }, "slow");

}, function() {

  $( this ).stop( true, true ).animate({
    height: 200
  }, "slow");

});