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.
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.