Html Tag Spoiler Hide/Show

Setelah Mencari-cari Gimana Cara Menampilkan dan menyembunyikan Tulisan, baik text, code, gambar dll Di blog dengan tag html akhirnya ketemu juga, setelah mencoba-coba beberapa code dan yang satu ini memang bagus dan ada 2 cara menampilkan codenya.

Biar Tidak Sering Lupa ya mending ini code dipublish di blog :)

[Show][Hide]

<a id="show_id" onclick="document.getElementById('spoiler_id').style.display=''; document.getElementById('show_id').style.display='none';" class="link">[Show]</a><span id="spoiler_id" style="display: none"><a onclick="document.getElementById('spoiler_id').style.display='none'; document.getElementById('show_id').style.display='';" class="link">[Hide]</a><br>spoiler_content</span>

Click anywhere inside the box to hide spoiler.

<div id="showwithbox_id" onclick="document.getElementById('spoilerwithbox_id').style.display=''; document.getElementById('showwithbox_id').style.display='none';" style="border:dotted 1px; width:400px; height:200px;">Click anywhere inside the box to show spoiler.</div><div id="spoilerwithbox_id" onclick="document.getElementById('spoilerwithbox_id').style.display='none'; document.getElementById('showwithbox_id').style.display='';" style="display:none;border:dotted 1px; width:400px; height:200px;">spoiler_content<br><br>Click anywhere inside the box to hide spoiler.</div>

Click anywhere inside the box to hide spoiler.

sumber source : http://gendou.com/t/26412