Cara Pasang Button Show dan Hide

Mungkin anda ingin menyembunyikan widget atau kode /teks pada blog. Fungsi ini macam read more yang ada pada posting, hanya menunjukan separuh saja teks pada posting dan bila diklik pada read more akan menunjukkan sebagian lagi teks. Kode ini akan memaparkan button yang mana bila diklik akan memunculkan bagian yang tersembunyi.
klik button dibawah untuk melihat contohnya :

Gantikan teks letakkan kalimat yang hendak disembunyikan disini dengan kalimat yang dingini:

letakkan kalimat yang hendak disembunyikan disini

<div id="spoiler" style="display:none">

letakkan kalimat yang hendak disembunyikan disini

</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Teks show/hide pada button boleh ditukar mengikut kesukaan anda. Boleh diletakkan pada sidebar atau posting.