jquery LI's anchor hover problem [JSFiddle inside]

Please see the JSFiddle for a pretty clear idea of the problem - http://jsfiddle.net/PeYYZ/

The above sort of does what I want. When I hover over li.parent, the ul.child menu fades in, which is fine. I want the sub menu to remain 开发者_如何学Pythonopen, unless the user selects another li.parent. I tried messing with mouseleave,but I don't think that's what I'm after.

The logic I need is:

1. if user hovers over a li with class parent, show it's ul.child

2. If the user then moves the mouse to somewhere else that isn't a li.parent, the ul.child should remain open.

3. if the user moves to another li.parent, then that li.parent ul.child should open, and the previously open one should disappear.

thanks in advance

Like this? http://jsfiddle.net/nzFZ6/ I had to edit the CSS part too.

This is my solution: http://jsfiddle.net/MFZ8Q/

The key was selecting only links that are direct descendants of li.parent, then just making sure they are visible.

Hopefully this is what you wanted :)