JSFiddle - React, Tailwind, and code Playground

HTML

<div id="exp"></div>

<div id="tools">
<a href="#" onclick="return animUp()">Expand</a>
|
<a href="#" onclick="return animDn()">Collapse</a>
</div>

CSS

body {
    padding: 5px;    
}
#tools {
    padding: 3px 7px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#exp {
    background-color: #ccc;
    height: 50px;
}

JavaScript

function animDn() {
    $('#exp').animate({height: '50px'}, '5000');
    return false;
}