var div = $('<div/>').html('Surprise!!'); $('#wrap').append(div);
<div id="wrap"></div>
#wrap { text-align:center; background-color: #eeeeee; display: block; height:0px; width:300px; transition:all 2s ease-in; overflow:hidden; } #wrap:not(:empty){ height:100px; }