Demo JQuery .slideDown(), .slideUp() dan .slideToggle()

by Roberto Apasajja

HTML

<button class="hilang">Tutup!</button>
<button class="muncul">Buka!</button>
<div id="target"></div>

CSS

body {padding:30px;}

#target {
  background:#f46522;
  width:200px;
  height:200px;
  padding:5px;
}

JavaScript

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