最近，做了一个外贸独立站，网站导航菜单如下图所示，移到一级菜单上就会显示二级菜单，用到的是jquery的slideDown、slideup。

问题代码如下：

if($(window).width()>768){

            //鼠标划过就展开子菜单

            $('ul.nav li.dropdown').hover(function() {

              $(this).find('.dropdown-menu').stop(true, true).slideDown();

            }, function() {

             $(this).find('.dropdown-menu').stop(true, true).slideUp();

            });

      }

在客户使用过程中发现，当我在两个一级菜单见快速移动，在第一个菜单的二级菜单消失前，快速移至二级菜单，二级菜单就会在2个一级菜单的二级菜单中快速切换，就会出现重复触发、抖动、闪屏的感觉。

我的解决方法就是使用stop函数，stop函数的用法如下所示：

stop([clearQueue],[jumpToEnd]); clearQueue:如果设置成true，则清空队列，可以立即结束动画。 jumpToEnd:如果设置成true，则完成队列，可以立即完成动画。可选，默认是false。

我把代码改成如下形式：

      if($(window).width()>768){

            //鼠标划过就展开子菜单

            $('ul.nav li.dropdown').hover(function() {

                    $(this).find(".dropdown-menu").stop(true, false).slideDown();

              //$(this).find('.dropdown-menu').stop(true, true).slideDown();

            }, function() {

            $(this).find(".dropdown-menu").stop(true, false).slideUp();

              //$(this).find('.dropdown-menu').stop(true, true).slideUp();

            });

      }

这样，就解决了slidedown/slideup重复触发/抖动/闪屏的问题了。