How to hide the original page in HTML?

How can we create expandable div using HTML?

• My requirement is.... I have a button, when I click on that it should show up some data(in the form of table) and when I click on it the next time, it should hide that data. Basically, I want to create an expandable div. When I click on the button,the data should be shown on top of the current page.It should not expand on the same page. Can anybody tell me..how to do this? Can it be done in HTML using Javascript? I have searched in net and got some examples. But they all are for expanding the data in the current page..not on top the current page. Please help me out... Thanks in advance... Regards. eric

• Answer:

  yes it is possible <script lenguage="text/javascript"> function show() { document.getElementById("divhidden").sty… } function hide() { document.getElementById("divhidden").sty… } </script> <div style="display:none"></div> <input type="button" value="show" onClick="show();this.value='dbl click to hide'" ondblClick="hide();this.value='show'"> ok, if you have one more questions feel free to contact me, i'll help you with big pleasure ;)