Accordion content

Hi I’m trying to add like an open and close slide animation to my accordion using “mouseover” and “mouseout”, so as soon as you move my mouse away from the list header the accordion closes(as it should).
The problem I’m having is that it doesn’t stay open when I move to the sub-content of the list. Without the animation it works fine, but when I add it, it doesn’t.

I’ve attached the code…

Please help!