Вот нацарапал такой код
function backcall(){
var status = document.getElementById('backcallmsgdiv');
status.style.display="block";
status.style.height="100px";
status.style.transition="max-height .3s";
}
#backcallmsgdiv{
width: 100px;
height: 100px;
background: red;
display: none;
overflow: hidden;
height: 0px;
-moz-transition: max-height .3s;
-ms-transition: max-height .3s;
transition: max-height .3s;
}
<div class="wrap"><span id="backcallmsgdiv">
Привет мир
</span></div>
<button onclick=backcall()>backcall</button>
Собственно сам вопрос - почему не работает анимация, при чём пробывал через @keyframes - тоже нет никакой анимации.