JSFiddle - React, Tailwind, and code Playground

by santamars

HTML

<button class="hilang">Hilang!</button>
<button class="muncul">Muncul!</button>
<button class="bukatutup">Muncul &amp; Hilang!</button>
<div id="target"></div>

CSS

body {padding:30px;}

#target {
  background:rgb(37, 42, 61);
  height:160px;
  padding:5px;
}

JavaScript

$('.hilang').click(function() {
    $('#target').hide(500);
});
$('.muncul').click(function() {
    $('#target').show(500);
});
$('.bukatutup').click(function() {
    $('#target').toggle('slow');
});