JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slide">
    Slide content<br />
    Slide content<br />
    Slide content<br />
</div>
<div id="content">
    Content<br />
    Content<br />
    Content<br />
</div>

<button id="slide_button">Slide it</button>

CSS

#content {
    background-color: #c0c0c0;
    border: 1px solid blue;
}

#slide {
    border: 1px solid red;
    background-color: #000;
    color: #fff;
    overflow: hidden;
}

JavaScript

$('#slide_button').click(function() {
  $('#slide').animate({
    height: 'toggle'
  }, 1500, function() {
  });
});