JSFiddle - React, Tailwind, and code Playground

HTML

<button class="hilang">Don!</button>
<button class="muncul">Buka!</button>

<div id="target"></div>

CSS

body {padding:30px;}

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

JavaScript

$('.hilang').click(function() {
    $('#target').slideUp('fast');
});
$('.muncul').click(function() {
    $('#target').slideDown('fast');
});
$('.bukatutup').click(function() {
    $('#target').slideToggle(1000);
});