lists

[Webskater]

I am trying to convert to css layouts. I have created a large vertical navigation list using <ul><li> etc. I want to hide the <li>s and only show them when their respective headings are clicked. I can do this using javascript. Is there another (better) way? Thanks for any help.

[Fang]

pure CSS menus:
originally from Eric Meyer (http://www.meyerweb.com/eric/css/edge/menus/demo.html)
X-browser version here (http://www.howtocreate.co.uk/tutorials/testMenu.html)

[Webskater]

Thanks for your reply. Unfortunately the css driven menus don't work with IE so they are not much use. Am I stuck with javascript?

[Fang]

The X-browser version uses "behaviours" to get the css menu to work in IE.