Question

请教jQuery高手，写下拉菜单，怎么控制二级菜单出现与消失

我是用ul无序列表搭建的菜单结构：
<div id="Menu">
<ul>
<li>
<a class="hide" href="#">Demos</a>
</li>
<li>
<a class="hide" href="#">Menus</a>
<ul>
<li><a class="hide" href="#">Item1</a></li>
<li><a class="hide" href="#">Item2</a></li>
<li><a class="hide" href="#">Item3</a></li>
</ul>
</li>
</ul>
</div>

现在样式写好了，想使用jQuery加上效果
我是这样想的，当鼠标移入一级菜单的a链接时，显示出二级菜单的ul；
当鼠标移出一级菜单的a链接时，隐藏二级菜单的ul
当鼠标从二级菜单的a链接中移出时，隐藏这个二级菜单的ul
我按上面的逻辑使用jQuery加上了事件，但是好奇怪，只要我一离开一级菜单的a链接，二级菜立刻就消失了，不给你移到上面的机会 - -!
如果去掉这个事件，在二级菜单上离开任何一个a链接，ul也会消失。。。
我想问大家在使用jQuery制作下拉菜单的时候，这些有没有通用一些的写法？是怎么写的控制代码，先谢谢了~

Answer 1

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码