hide/ show sidebar through DHTML

[digitman]

Gotta have a hide/show sidebar similar to the one at:

http://www.sciencedaily.com/

To see it in action, go to sciencedaily.com, and click at the button saying "Menu" in the top left corner.

How is it done? Through DHTML or Javascript? I was unable to find the exact code that does that. Opinions?

[LazyJim]

DHTML
one of the first tricks I learned.

put menu in div, give div an ID

<div ID="the_menu">....</div>

make a button to evoke the JavaScript function you have to show/hide the menu.

<a href="javascript: toggleMenu();">MENU</a>

Write the fucntion...

function toggleMenu() {
 	menu = document.getElementById("the_menu");
 	if (menu.style.display == "block") menu.style.display = "none";
 	else menu.style.display = "block";
 }

(untested, any problems its surely something easily resolved).

Any other things you'de like to know/do?
(I've been thinking of making them into tutorials for a web site).