JSFiddle - React, Tailwind, and code Playground

by Kritika PATTALAM BHARATHKUMAR

HTML

<p class="show_hide">Clcik Me</p>

<div class="slidingDiv"></div>

CSS

div{
   width:200px;
    height:150px;
    background:#ccc;
    
}
p{
    cursor:pointer;
    
}
 .slidingDiv{
                display:none;
                     }

JavaScript

$('.show_hide').click(function(event){
        event.stopPropagation();
    
        $(".slidingDiv").slideToggle();
       });