JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<a href="http://www.greensock.com" target="_blank" class="hello">Hello</a>

<div id="parent" style="display:none">
<div id="child"></div>
</div>
<p>This is some more text that I would like to stay here</p>

CSS

#parent{
   position: relative; 
   width:300px;
   height:150px; 
   background-color:red;
   
    
}

.hello{
position:absolute;
}

#child{
   width:50px;
   height:50px; 
   background-color:blue;
  
   
}

JavaScript

var el = document.getElementById('parent');
TweenMax.to(el, 1, {css:{autoAlpha:1}, delay:.5, onComplete:done});

function done(){
el.style.display = 'none';
}