Membuat Open Button (Spoiler)

Sekarang gue pikir gue tuh kayak radio. Postingan-postingan ini request dari temen. Yang penting aku berusaha ramah dan menyajikan apa yang mereka butuhkan. Walau ini cara lama semoga masih bermanfaat karena banyak yang belum tahu. Begitu juga saya yang masih belajar. Kemarin saya mendapat pertanyaan, "Mas gimana cara buat tombol open, dan keluar postingan itu?" Oh mungkin maksudnya Spoiler Button. Jadi langsung saya posting saja yang versi ketiga, karena memiliki kelebihan button text bisa berganti. Daripada ribet panjang-panjang saya beri aja contohnya di bawah ini:

Tulisakan postingan, bisa tambahkan gambar juga disini

Cara membuatnya gampang banget sob, tinggal kamu gunakan kode berikut ini, kalau posting bukan di compose, tetapi di Edit HTML yaaaa....

<div id="spoiler"><div><input value="Klik Ini Untuk Membuka" style="margin: 5px; padding: 0px; font-size: 11px; font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Klik Ini Untuk Menutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Klik Ini Untuk Membuka'; }" type="button"><div id="show" style="border: 1px solid white; margin: 5px; padding: 2px; display: none; width: 98%;">Tulisakan postingan, bisa tambahkan gambar juga disini</div><div id="hide"></div></div></div>

Ganti yang berwarna merah
Untuk bagian Berwarna merah yang 'klik ini untuk membuka' jika diganti harus seragam.......
Selamat mencoba saja ya...