[jQuery] hover over and out
Hi
I have a main menu with submenu like this
<form id="form1" runat="server">
<div id="outer">
<ul id="menu">
<li>
<a href="#">Services</a>
<ul class="subMenu">
<li><a href="pink_blue_slip.aspx">RTA </a></li>
<li><a href="auto_service.aspx">Auto Service</a></li>
</ul>
and the jquery funtion
$(
function()
{
//hook up main menu list hover over and out actions
$("[id$='menu'] li").hover(
function(e)
{
$(this).children("ul").show(350);
return false;
},
function(e)
{
$(this).children("ul").hide(350);
return false;
}
);
}
);
when I hover out of the submenu items, the submenu does not hide, how
can I fix this?
Many thanks