JSFiddle - React, Tailwind, and code Playground

HTML

<div id="event1">
    <div class="control_bar"> Open Event </div>
    <div id="eventBody1">
        AJAX Content
    </div>
</div>

CSS

#eventBody1 {border: 1px solid #ccc; padding: 5px; -webkit-transition: height 15s; -moz-transition: height 15s; transition: height 15s;}

JavaScript

setTimeout(function(){
    document.getElementById('eventBody1').innerHTML = '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos cupiditate vel saepe molestiae totam tempore aut quae voluptas error debitis natus adipisci ad odit! Beatae assumenda voluptas libero rerum provident.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum quod accusamus nam eligendi maiores odio magnam culpa perspiciatis nesciunt voluptate aperiam officiis repellat eum doloribus magni dolor laborum facere inventore?</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo vero iusto quia non in ut deserunt cupiditate rerum est debitis natus porro alias architecto provident ab aliquid quas doloremque itaque!</p>';
}, 5000);