JSFiddle - React, Tailwind, and code Playground

by Ketan Patel

HTML

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

<div class="slidingDiv">Fill this space with really interesting content.
</div>

CSS

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

JavaScript

$(document).ready(function () {
	$(".slidingDiv").hide();
    $('.show_hide').click(function () {
        $(".slidingDiv").toggle("slide");
    });

});