Demo JQuery .slideToggle()

by Taufik Nurrohman

HTML

<div>
    <button class="toggle-spoiler">Buka/Tutup</button>
    <div class="spoiler">Ciluk ba!</div>
</div>

<div>
    <button class="toggle-spoiler">Buka/Tutup</button>
    <div class="spoiler">Dor!</div>
</div>

CSS

body {padding:30px}

.spoiler {
  background:#f46522;
  color:white;
  height:150px;
  padding:5px;
  display:none;    
}

JavaScript

$('.toggle-spoiler').click(function() {
    $('.spoiler').slideUp(1000);
    $(this).next().slideToggle(1000);
});