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.

Copy / paste this code into your site

<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('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" 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---> 

put html javascript here

<!---Insert A Widget Here---> 

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

Try the sample below.

HideWidget

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