Membuat menu buka tutup (spoiler)

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.  Simpan kode di bawah ini pada edit html postingan atau  pada Html/Java script :

<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 Di Sini Ya</button>

<div id="dvt">

Masukkan konten atau teks yang ingin dimasukkan disini</div> 

 Ganti kode yang berwarna merah dengan kode anda.

3. Simpan

Contoh ya hasilku

 

Ini hasill gw mana hasilmu?? wkkwkwk