JSFiddle - React, Tailwind, and code Playground

HTML

<div id="login" style="height: 0px;">
  Login
</div>
<div id="wrapper">
    
</div>
<a id="go">Go</a>

CSS

#login {
  height:  0px;
    overflow: hidden;
}
#wrapper {
 height: 500px;
 background-image: url(http://www.recklessnewmedia.com/new/images/pagebackgrounds/index.png);
}

JavaScript

$('#go').click(function() {
    $('#login').animate({height: '200px'});
});