I would like you to learn how we do that, instead of giving you the fish. With a rod, you can always fish by yourself.
Look at what I have done in this fiddle:
It actually comes to this:
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
You have to hide ul
you want to toggle and set it back to visible if someone hovers on it.
PS: as you can see, I used HTML5
, which is recommended, because it is (more) semantic.