javascript - Issue in vertical multi-level popup menu using jQuery -

i trying develop vertical multi-level popup menu. unable set child's top against parent li position. approach took was, calculating outerwidth of ul tag , top of parent li tag respective left , top positions of child tag. doesn't seem work well.

if set left , top using css, first level looks good, rest of levels top set 0.

_pm.child.show().css({left:left-2,top:top-1}); 

and if use position function, levels shown closer parent.

_pm.child.show().position({left:left-2,top:top-1}); 

i not getting what's gone wrong. here fiddle. can me?

change mouseout mouseleave , work :)