JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div class="test">
  <p>click</p>
</div>
<div class="toggle-div">
   <p>hello</p>
</div>

CSS

.toggle-div{display:none;}

JavaScript

$(document).ready(function() {
  $(".test").click(function()
  {	
    $(".toggle-div").slideToggle(),
    $(this).toggleClass("active"),
    $(".toggle-div  p").on("click",function(){$(".toggle-div").slideUp()})
  });
});