JQuery简洁版下拉菜单hover问题

HTML为重复4次的ul



两种方法来实现动态
一是通过slideDown和slideUp触发点击事件
二是通过切换事件hover
三是切换事件hover为一个函数时，鼠标经过和离开都会触发此函数，和$(this).children(“ul”).sildeToggle();的结合。

但是会涉及到动画队列及停止队列的方法
1、动画或效果队列
动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排列执行
2、停止排队
（1） stop()方法用于停止动画效果
（2） stop()写到动画或者效果的前面，相当于停止结束上一个动画

    $(".nav>li").hover(function(){
    $(this).children("ul").stop().slideToggle();
     })