Как изменить свойство у элемента в конце анимации?

Question

[rinatoptimus]

При нажатии на кнопку Stop анимация оканчивается и должен изменяться фон элемента, но этого не происходит. Пробовал немного изменять код, не действует:

(function( $ ) {
	$(function() {
		$( "#stop" ).click(function() {
			$( "#pendulum" ).addClass( "off" ).animate({
                top: '150px'
          }, 500, function() {
              $(this).addClass("green");
          });
		});
	});
})( jQuery );

Пример.

Answer 1

[Иван Татауш]

Клик
или удаляй класс .off или добавь

.green {
  background-color: green !important; 
}

Comments

[rinatoptimus]

Спасибо! Пробовал сеттаймаут добавлять - не то. А почему он не может поочереди классы присваивать без использования !important?

[Иван Татауш]

rinatoptimus: скрипт добавляет классы поочередно, но не не удаляет предыдущие. перед добавление класса green удели off. $(this).removeClass("off");