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.


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

Title: Membuat Spoiler Dengan jQuery dan Javascript
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Indra Gunanda

Komentarlah Dengan Sopan