JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slidewrap">llkfjgl</div>
    <p><a id="button" href="#" title="Click This Button">X</a>
    </p>

<div class="content">some content goes here</div>

CSS

.content {
    display: block;
    background: red;
    height: 100px;
}
#button {
    position: relative;
}
.slidewrap {
    height:auto;
    float:left;
    margin:0px 0px 20px 0px;
    background-color:#434343;
    display: none;
    padding:20px;
}

JavaScript

$(document).ready(function(e){
 
   $('#button').on('click',function(){
 
      $('.slidewrap').slideToggle();
 
   });
 
})