how to create menu buttons intermittent

Create menu buttons are missing arise very easily be used to reduce the space on the blog, besides that it is also useful to relieve the blogs work so as not to aggravate the blog.

Get to the point I create a menu button intermittent :

HTML CODE:

<div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b><center>TABLE OF CONTENTS</center></b>: <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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 170px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 2px;"> <div style="display: none;"> TEXT Or HTML Code </div>

INFORMATION :
TABLE OF CONTENTS>>>Replace with the title you want
width: 170px                  >>>Size Width Menu Button Open / Closed
TEXT Or HTML Code  >>>Replace Text or code you want to put

Goodluck