menu with sub-menu hover-over effect

Question

I have the following lines in my website - http://codepen.io/anon/pen/LhDnu/ that creates a sidebar menu.

As the user hovers their mouse over a parent, listed item with child-links within it, a sub-menu appears.

However, when the mouse moves over to select one of the child-links, it removes the sub-menu listed items.

How can I modify the codepen above so that it will allow the user to select one of the sub-menu items?

Answer 1

Here is a working code for you, in css dropdown menus try to work with display:none & display:block not with the opacity

http://codepen.io/anon/pen/luGDK/

Answer 2

Nevermind. Here is the solution - http://codepen.io/anon/pen/LzpyK/ .