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.
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>
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; }
Pada script HTML blog kamu isikan kode ini sebagai contohnya nanti kalianpelajari sendiri :
Selesai lah kalau ada pertanyaan Komen oke
<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
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Indra Gunanda
Komentarlah Dengan Sopan