Membuat Tombol Spoiller - Tombol Show-Hiden

Tampilan seperti di bawah ini

Kode HTML nya

Gak Pakai Bordir

<div style="margin: 5px 0px 0px;">

<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 = ' Lihat '; }" style="font-size: 16px; margin: 0px; padding: 0px; width: 150px;" type="button" value=" Lihat  " /></div>

<div class="alt2" style="border: 0px inset; margin: 0px; padding: 0px;">

<div style="display: none;">

----------Masukkan Kode HTML Gambar, Photo, Tulisan atau Lainnya di sini ----------

</div>

</div>

</div>

Pakai Bordir

<div style="margin: 5px 20px 20px;">

<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 = 'Lihat Gambar Photo'; }" style="font-size: 16px; margin: 0px; padding: 0px; width: 470px;" type="button" value="Lihat Gambar Photo" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

----------Masukkan Kode HTML Gambar, Photo, Tulisan atau Lainnya di sini ----------

</div>

</div>

</div>

</div>

Demikian, Disimpen Ben Ra Lali

ARTIKEL TERKAIT
Di bawah ini adalah beberapa materi lanjutan dan sebelumnya yang berkaitan dengan materi di atas