JSFiddle - React, Tailwind, and code Playground

HTML

<div id="click">Click Here</div>
<div id="display" style="display:none">Message</div>

CSS

#click, #display{
    
    width: 500px;
    height: 50px;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

#display{
    line-height:50px!important;
    
    position: absolute;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

JavaScript

$(document).ready(function(){
    $('#click').click(function(){
        $('#display').slideToggle();
    });
});