Html/Css expanding menu, how? [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed 8 years ago.

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

Answer 1

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.