JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="slick-slidetoggle">
    Slide toggle the box
</a>
<div id="slickbox">This is the box that will be shown and hidden and toggled at your whim. :)</div>

CSS

#slickbox {
    background: #EEE;
    border: 1px solid #900;
    height: 135px;
    display: none; 
}

JavaScript

// hides the slickbox as soon as the DOM is ready (a little sooner that page load)
$('#slickbox').hide();
$('#slick-slidetoggle').click(function() {
    $('#slickbox').show('slide', 400);
    return false;
});