Не работает transition в addEventListener?

Question

[tibm]

Хочу написать игру где надо переворачивать карты, запоминать и находить похожие. Проблема в том что я хочу что б карты переворачивались плавно при нажатии.

CardArray[i].addEventListener('click', function () {

CardArray[i].firstElementChild.style.width = '20px';

CardArray[i].innerHTML = null;
CardArray[i].innerHTML = x[i][1].innerHTML;

CardArray[i].firstElementChild.style.width = '100px';

x[i][2] = true;
});

Но они переворачиваются моментально.
jsbin.com/didini/edit?js это весь код

Причем если дебажить то вроде все работает.

Comments

[twobomb]

Мда... хуже способа стилизовать я и придумать не могу. Зачем писать все в js? Стилизация должна происходить в CSS,код в JS, а разметка в HTML и лучше всего придерживаться этого способа.