Membuat Show Hide Botton In post

www.kotatahuku.info
Membuat Show Hide botton, yang saya maksut disini adalah tombol untuk menyembunyikan suatu konten, atau sering disebut Spoiler, tombol ini efektif digunakan apabila kita posting sebuah script yang panjang misalnya seperti dibawah ini :

Code Script



<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Letakkan disini Konten yang ingin di sembunyikan dalam spoiler

</div></div></div>



untuk membuat seperti di ata anda hanya tinggal meng-copy kode diatas...
mudah khan... Tombol spoiler tersebut selain bisa diletakkan di posting juga bisa kita taruh di side bar...

Baca Juga Artikel menarik di bawah ini :

0 comments to "Membuat Show Hide Botton In post"

Post a Comment

Donasi buat KotaTahuku

Merasa Blog ini bermanfaat ? Dukung blog ini dengan sedikit donasi dari anda..

Mungkin Yang Anda Cari

Avail Bisnis

Obrolan Santai


RecycleBlog