Html/Css expanding menu, how? [closed]

StackOverflow https://stackoverflow.com/questions/21363020

  •  02-10-2022
  •  | 
  •  

Question


So, what I want to make is simple, I want an expanding menu. So for example, if you hover or click over/on one item, like "Home", there will appear several other items underneath it.

Basically, what I want is a floating div underneath the menu item. I already tried 

menubar {
visibility:hidden
}

menubar:hover, menubar:active {
visibility:visible
}

This doesn't work!

Help? Thanks.

Was it helpful?

Solution

Maybe this is what you're trying to achieve: http://jsfiddle.net/d74Yv/

Basically we're using :hover and + selectors to show the submenu only when either its .handler or the .menu itself is hovered.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top