CSS transition срабатывает, даже если анимация включена после изменения анимируемого свойства

Question

[mavsic]

Привет!

Я использую CSS transitions для анимации элементов страницы. Столкнулся с проблемой: при следующей последовательности действий анимация все равно происходит, хотя мне кажется, что не должна бы:

1. Изменить значение свойства элемента
2. Добавить элементу класс, включающий анимацию этого свойства

Фиддл, демонстрирующий проблему. Буду благодарен за подсказки, как избавится от анимации в такой ситуации.