tutorial - kaedah pasang button hide-show pada widget atau code HTML

assalamualaikum

Peace

^_^'

pada petang nie saya nak tunjukkan cara dan kaedah bagaimana nak pasang button hide-show pada korang sume..senang je nak pasang ..dengan menggunakan code yang saye berikan ni berserta tutorial sekali korang pasti  teruja ..hua hua~ selain itu button show-hide ini boleh jimat space blog dan pages..

contoh:

contoh je

kaedah pasang show-hide button??

1-copy code dibawah ..

  

<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 120px; " value="BUKA" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
isi code widget atau HTML code
</div></div></div></div></center>

NOTE : warna merah : isi code widget atau HTML code 

2-go to desing >layout >Add a widget >edit HTML/Java script >paste code diatas

3-save

Credit : teratai

dianarashid