SPOILER Ala Kang Rian [ JS + CSS ]

info : http://blog.KangRian.com

HTML

<span class="buka-tutup">Buka!</span>
<div id="tkp"></div><br>
<span class="buka-tutup">Buka!</span>
<div id="tkp"></div>

CSS

body {padding:30px;}

.buka-tutup {
    background:#333;
    color:white;
    text-align:center;
    padding:8px 20px;
    font-family:Tahoma, Verdana;
    font-size:13px;
    border-radius:5px;
    cursor:pointer;
}

#tkp {
    display:none;
  background:#aaa;
  height:150px;
  margin-top:15px;
    border-radius:5px;
}

JavaScript

$('.buka-tutup').toggle(function() {
    $(this).text('Tutup!');
    $('#tkp').slideDown(800);
}, function() {
    $(this).text('Buka Lagi!');
    $('#tkp').slideUp(100);
});