Cara mudah membuat menu tutup buka (Spoiler with jQuery)

Alhamdulilah ketemu juga cara buat Spoiler with jQuery.... menurut saya menu ini sngat menarik dengan efek smooth saat membuka tutup bagian dari menu nya...
untuk cara membuatnya :

1. Login blogger
2. Pilih rancangan
3. Tambah gadget
4. Pilih Html/javascript

nah masukkan script kode dibawah ini :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});
</script>
<style type="text/css">
#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}
</style>
<button id="butToggle">KLIK SAJA</button>
<div id="dvt">
MAsukkan konten atau teks yang ingin dimasukkan disini</div>

Selesai dah.mudahkan sob..heee
Sekian tutorial Cara mudah membuat menu tutup buka (Spoiler with jQuery).semoga dapat bermanfaat sobat..