JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="show_hide">Show/hide</a>

<div class="slidingDiv" style="display: block;">

</div>

CSS

.slidingDiv{
height:40px;

padding:0px;
margin-top:10px;
border: 2px solid #FF8C00;
}

.show_hide {
    display:block;
}

JavaScript

$(document).ready(function(){


$(".slidingDiv").hide();
	$(".show_hide").show();
	
	$('.show_hide').click(function(){
	$(".slidingDiv").slideToggle();
	});

});