How to create a page drop like the BBC website

[olivah]

Does anyone know How I can replicate this functionality on the BBC site?

If you go to the bbc 2012 page: http://www.bbc.co.uk/2012/

and you position the mouse over the "London 2012" menu button, the lower half of the page automatically drops.

I'm trying to recreate this function but I want the page to drop on-click and stay down.

Please help.

[DrDOS]

That should be pretty easy. Just have a div above the div that people see when the page opens, have javascript set it to display: none;visibility: hidden; when the page loads, make a function that changes it to display: block;visibility:visible; when you click, maybe make it toggle. Set the hidden aspect in javascript and not just in css, when you set it in css it doesn't load smoothly. And get your z-indexes correct.

[olivah]

Thanks man. I find a solution similar to the one you described.