animate() effects stacking up. Any way to disable this?

animate() effects stacking up. Any way to disable this?

Hi,
 I am trying to make a piece of text glow green then back to black every time a user clicks a button. My code looks like this:

$('#div1').animate({
   color: "green"
        }, 100, function() {
    $('#div1').animate({color: 'black'}, 100);
     });     

This works well. However, when i click the button so fast so many times in a row, the animation lags behind, because jQuery is trying to finish each animation to the end before going forward. Is there any way to disable this? Like, put something before .animte() to tell it to cancel any previous animations?


Thanks