drop-in menu.

[cpugeek]

ok, so i'm designing a fashion blog for a client.and they want a drop-in menu.a good example of such would be: http://codeigniter.com/user_guide/just click on the link at the top called, "table of content".can anyone help me with this?Any and All help is appreciated. :]

[Ingolme]

Well, That's a <div> positioned before all the other content with height 0.I'd do some HTML like this:

<div id="contents"><!-- All the contents here --></div><div><a href="java script: void(0)" onclick="toggle()">Table of Contents</a></div>

When you click the link the toggle function determines if the box should open or close, calling a function in each case. The opening function will have a setTimeout() that keeps adding one pixel to the height of the <div> until it reached the desired height. The closing function would keep subtracting a pixel until it got to 0.

[cpugeek]

thanks. :]