ra pasang butang show and hide

Mungkin anda ingin menyembunyikan widget atau kod /teks pada blog.Fungsi ini macam read more yang ada pada posting,hanya menunjukan separuh sahaja teks pada posting dan bila diklik pada read more akan menunjukkan sebahagian lagi teks.Kod ini akan memaparkan butang yang mana bila diklik bolehmemaparkan bahagian yang tersembunyi

klik butang dibawah untuk melihat contohnya

Gantikan teks letakkan kandungan yang hendak disembunyikan disinidengan kandungan yang dingini:

<div id="spoiler" style="display:none">
letakkan kandungan 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 butang boleh ditukar mengikut kesukaan anda.Boleh diletakkan pada sidebar atau posting.