鼠标悬停在一级菜单上，淡出二级菜单怎么实现

鼠标悬停在一级菜单上，淡出二级菜单怎么实现

&lt;html&gt;<br>&lt;head&gt;<br>&lt;script type=&quot;text/javascript&quot; src=&quot;/Script/jquery-1.4.2.js&quot;&gt;<br>&lt;/script&gt;<br>&lt;style type=&quot;text/css&quot;&gt;<br><br>&lt;/style&gt;<br>&lt;script type=&quot;text/javascript&quot;&gt;<br>$(document).ready(function(){<br><br>alert(&quot;1111&quot;);<br>$(&quot;#11&quot;).hover(<br>function(){<br>   $(&quot;#22&quot;).fadeIn();<br>},function(){<br> $(&quot;#22&quot;).fadeOut();<br>}   <br><br>);<br><br>});<br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div id=&quot;11&quot;&gt;<br>kkkkk<br>&lt;div id=&quot;22&quot; style=&quot;display:none&quot;&gt;<br>&lt;a href=&quot;#&quot;&gt;111&lt;/a&gt;&lt;br&gt;<br>&lt;a href=&quot;#&quot;&gt;222&lt;/a&gt;&lt;br&gt;<br>&lt;a href=&quot;#&quot;&gt;333&lt;/a&gt;&lt;br&gt;<br>&lt;/div&gt;<br><br>&lt;/div&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;