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 SAJA</button>

    <div id="dvt">

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

     Ganti kode yang berwarna merah dengan kode anda.
    5. Simpan



    Share:

    2 komentar:

    1. sip ane nyari-nyari akhirnya ketemu thanks ya
      http://zaid-info.blogspot.com/

      BalasHapus
    2. Bice Infonya sob...

      Kunjungan baliknya ya ke blog ane Master-1st.blogspot.com

      BalasHapus