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..

    0 Response to "Cara mudah membuat menu tutup buka (Spoiler with jQuery)"

    Post a Comment