3 replies [Last post]
zozo7bra
Offline
newbie
OAKLAND, CA
Last seen: 10 years 18 weeks ago
OAKLAND, CA
Joined: 2004-08-12
Posts: 1
Points: 0

What is the css and html to make this menu work without any javascript. Also, I would like to hide the submenus. Please help.

<ul>
<li>Item One</li>
<li>Item Two
<ul>
<li>Item Two Aye</li>
<li>Item Two Bee</li>
<li>Item Two See</li>
<li>Item Two Dee</li>
</ul>
</li>
<li>Item Three</li>
<li>Item Four</li>
</ul>

Thank you.very much.

While I can work with a dropdown menu by adjusting the available literature. Doing the tree menu and making it collapsible and expandable is well above my head, but I can use a sample and go from there.

Tags:
Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 2 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Vertical expandable list menu with Pure css

Take a look at the suckerfish dropdowns. If they aren't exactly what you want, the basic principle will hold for menus in other styles.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 9 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Vertical expandable list menu with Pure css

Chris..S wrote:
Take a look at the suckerfish dropdowns. If they aren't exactly what you want, the basic principle will hold for menus in other styles.

If you're talking about rollover (hover) menus then the example Chris provided is what you need. But if it was actually on click tree-like menus you want with just a tiny bit of javascript, check out DOM-scripted lists.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ro88o
ro88o's picture
Offline
Enthusiast
Manchester, UK
Last seen: 6 years 31 weeks ago
Manchester, UK
Joined: 2005-06-29
Posts: 202
Points: 0

Vertical expandable list menu with Pure css

Thank you soooo much Tyssen, I've been looking for a menu like that for weeks! Thankfully I accidentally stumbled across this post Laughing out loud

ro88o

www.nubornis.com
Web Development and E-commerce Solutions.