i have a vertical menu which when you hover on each item of this list another list will show out .

what i want to do is when the user hover on the second list which is the result of the first list hovering i want to stop collapsed and stay expand .

i used this 

but this will show the effect on the second hovering .

but what i want is to unbind the mouseout immediately .

ul_parent_mouseover:function(event){

vertical_menu.defaults.$wrapped_child_ul.animate({left: "200px"});

}

ul_parent_mouseout:function(event){

vertical_menu.defaults.$wrapped_child_ul.animate({left: "0px"});

}

child_ul_mouseover:function(event){

}

but this will effect on the second mouseout i mean

if i mouse over and then mouse out but if the mouse out was on the child ul the mouse out will happen but the second mouseout will not , but i want to stop the mouse out on the first .