JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<a href="#" class="show_hide">show/hide</a>
<div class="slidediv">his is sliding Content</div>
<p>lllllllllllllllllllllllllllllllllllll,',,'l,ll''','l'</p>

CSS

.slidediv
{
    height:200px;
    background-color:gray;
    margin-top:10px;
    border-bottom:5px solid red;
}
.show_hide{
    display:none;
}

JavaScript

$(document).ready(function(){
    $(".slidediv").hide();
    $(".show_hide").show();
    
    $('.show_hide').click(function(){
        $(".slidediv").slideToggle();
    });
});