JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#parent{
   position: absolute; 
   width:300px;
   height:150px; 
   background-color:red;
   visibility:visible;
    
}
#child{
   width:50px;
   height:50px; 
   background-color:blue;
   visibility:visible; 
   
}

JavaScript

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

function done(){
    //un-comment line below to prevent hello link from being obstructed
    el.style.display='none';
}