JQuery animate

Question

У меня есть код JQuery в обработчике событий click для флажка, который обновляет значение элемента управления span на странице, а затем анимирует цвет фона тега span до желтого и затем исчезает обратно в белый цвет примерно в во-вторых, обратить внимание на то, что значение диапазона изменилось. Проблема заключается в том, что если пользователь несколько раз нажимает на этот флажок, то анимация повторяется снова и снова, как много раз пользователь щелкал. Любой знает, как предотвратить анимацию JQuery, если анимация уже выполняется.

Answer 1

Просто позвоните стоп() объекта, прежде чем анимировать его:

$('#button').click(function() { 
    $('#animatedSpan').stop().animate({ }); 
});