Membuat Spoiler

Spoiler Merupakan Form Html yang berfungsi menyembunyikan isi yang telah kita tentukan dari situs kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak sampai lama loadingnya sebelum menekan tombol Tampilkan.bagaimana jika kita membuat Kode Form nya? langsung saja yang mau Salin Kode nya :

<div> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;">JUDUL KONTEN KALIAN : </span></i><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 = 'Sembunyi'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Tampilkan" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> ISIKAN KONTEN KALIAN</div> </div> </div> </div>

Contoh :

JUDUL KONTEN KALIAN :

ISIKAN KONTEN KALIAN

Semoga bermanfaat..