JSFiddle - React, Tailwind, and code Playground

by tuanitpro

HTML

<button id="btnClick" type="button">Click here</button>
<div id="panel" class="panel">
Hello world slideToggle status
</div>

CSS

.panel{
   display:none;
}

JavaScript

$(document).ready(function(){
    $('#btnClick').on('click', function(){
        $('.panel').slideToggle(function() {
          if($(this).is(":hidden")) {
            alert("this was a slide up");
          }
        });
    });

});