JSFiddle - React, Tailwind, and code Playground

by rangga maulana

HTML

<button class="hilang">Tutup!</button>
<button class="muncul">Buka!</button>
<button class="bukatutup">Buka & Tutup</button>
<div id="sasaran">Trik Rangga</div>

CSS

body {padding:30px;}

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

JavaScript

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