Membuat Show Hide botton, yang saya maksut di sini adalah tombol untuk menyembunyikan suatu konten, atau sering disebut Spoiler, tombol ini efektif digunakan apabila kita posting sebuah script yang panjang.
JUDUL SPOILER
Copy-Paste HTML nya di bawah sini
<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>
Copy-Paste HTML nya di bawah sini
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }" type="button" /></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Selamat mencoba.......................
0 komentar:
Posting Komentar
Kalau Sobat sempet tinggalin coment,ya...?