JSFiddle - React, Tailwind, and code Playground

by Charlotte Jhao

HTML

<body>
  <!-- add special effect -->
  <input type="button" id="btn4" value="switchslowBtn"/>  
  <!-- detailed description about the special effect -->
  <input type="button" id="btn5" value="showBtnEff"/>
  <!-- Block -->
  <div id="showBlock" style="display:none;">hi</div>  
</body>

JavaScript

//add special effect
  $("#btn4").click(function () {
    $("#showBlock").toggle("slow");
  });
  
  //add more details effect
  $("#btn5").click(function () {
    $("#showBlock").show(1000, function() {
      alert('Good Job!');
    });
  });