Open and Close tab by clicking / Hide a widget

To build a open and close tab widget by clicking the button Open. This widget ideal if the sidebar is too many and crowded

Installation

• Go to Layout and click an Add A Gadget.
• Select HTML/Javascript widget.
• Copy the green Html/Javascript code below and paste it inside the content box.

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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;CLOSE&#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;OPEN&#39;; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<!---Insert A Widget Here--->

<!---Insert A Widget Here--->
 </div></div></div><a href="http://freewidget4u.blogspot.com/2012/12/open-and-close-tab-by-clicking-hide.html" target="_blank"><small>HideWidget</small></a>

• Put any widget /  gadget that you want to hide between the red tag <!---Insert A Widget Here---> 

If you have a problem to install html/java script it in blogspot, [Click Here]

===============

Try the sample below.

HideWidget

===============