JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#" id="toggle">Show/Hide</a>
<div id="div1"></div>
<div id="div2"></div>
CSS
#div1{
height: 100px;
border: 1px blue solid;
}
#div2{
height: 700px;
border: 1px red solid;
}
JavaScript
$(document).ready(function(){
$("#div2").hide();
$("#toggle").click(function() {
$("#div2").slideToggle();
});
});