MEMBUAT TEK TERSEMBUNYI DI POSTING BLOK

Cara Membuat tombol show/hide spoiler keren di Blog - Menerangkan bagaimana membuat spoiler, fungsi spoiler dapat menyembunyikan sebagian isi artikel (konten/widget) cara ini sangat menghemat tempat juga mengoptimalkan loading agar responsive, spoiler sangat familiar di forum kaskus, dapat dibuat pada template AMP dengan HTML JavaScript atau tambahan kode CSS.

Spoiler adalah format bingkai untuk menyembunyikan sebagian teks, gambar atau kode, Awalnya saya ingin membuat sunting sub judul seperti Wikipedia pada tampilan seluler tapi tidak menemukan caranya akhirnya ada cara ini tidak beda jauh berbeda.

Walau tidak seperti Wikipedia tapi tidak apa-apa hampir sama namanya spoiler jika di lihat macamnya box buka tutup (show/hide) boks button banyak contoh stiyle seperti ini:

Judul Spoiler:

<div style="margin: 5px 0px 0px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini   </div>
</div>
</div>