Почему transition не работает?

Question

[heIIfire]

#ground{
    width: 800px;
    height: 0px;
    transition: all 1s; 
}

var ground = document.getElementById('ground');

 ground.style.cssText = 'display: block; height: 500px';

После сработавания js, высота блока просто становится 500px без какой срабатывания transition