Tombol buka/tutup atau spoiler adalah tombol yang berfungsi untuk menyembunyikan text dan gambar atau widget pada sidebar yang dapat menghemat tempat agar tidak terlalu panjang.
Nah.. unuk membuat tombol buku/tutup caranya adalah sebagai berikut:
- Tambahkan kode di bawah ini pada text atau gambar yang ingin di sembunyikan
<div align="left;"> <div style="margin: 5px;"> <div class="smallfont;" style="margin-bottom: 2px;"> <input 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='Tutup';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='None';this.innerText='';this.value='Buka';}" style="font-size: 10px; margin: 0; padding: 0; width: 60px;" type="button" value="Buka" /></div> <div class="alt2"> <div style="display: none;"> <div ;="" style="background: #ffffff; border: 2px solid #008b8b; margin: 0; padding: 10px 10px 10px 20px;"> "KETIKKAN TEKS, GAMBAR, FILE MU DISINI" </div> </div> </div> </div> </div> </div> |
0 komentar:
Post a Comment