making a hover menu

making a hover menu

Hi,

I am trying to make a fly-out vertical menu with jquery. here some of the code:


http://jsbin.com/ogaxo/edit

The fly-out menus are shown when hovering over parent menu item and hidden when leaving the item. 

The problem is I can never click on the sub-menu as it disappears as soon as I leave the parent menu item.


Any ideas please on how to make it work. Thanks