Membuat Spoiler Dengan jQuery dan Javascript

Ini gue nemu dari blog tetanggal Scriptnya keren gan Buat Spoilernya jadi menarik, ini terbuat dari Javascript sama CSS + jQery.

Demo

Open Spoiler 1

Kalian cari kode </head> setelah ketemu letakan kode dibawah ini diatasnya :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){$("#jspoiler").click(function(){$("#ispoiler").slideToggle("slow");});});</script> 

Open Spoiler 2

Kalian cari kode ]]></b:skin> setelah ketemu letakan kode dibawah ini diatasnya :

 
#jspoiler{ text-align:left; }
#ispoiler { padding:1px; text-align:left; background:#f5f5f5; border:0px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; } #ispoiler { padding:24px; display:none; }  

Open Spoiler 3

Pada script HTML blog kamu isikan kode ini sebagai contohnya nanti kalianpelajari sendiri :

 
<div id="jspoiler"><button>Klik me please..</button></div><div id="ispoiler"> Tulisan ini dapat anda ganti dengan isi spoiler anda </div>  

Selesai lah kalau ada pertanyaan Komen oke