JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<a href="#" class="Show_hide">Show/hide</a>
<div class="SlideDiv">this is content page
<a class="agree" href="https://www.google.com/" target="_blank">google</a>
</div>

CSS

.SlideDiv
{  
    height:200px;
    background-color:gray;
    margin-top:10px;
    
}
.Show_hide
{
    display:none;
}

JavaScript

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