Javascript jquery端类别菜单

我已经在jquery中创建了一个动态的侧分类菜单……但它有时不能正常工作……我不知道背后的原因，，，，我给出了静态代码（摘自firebug）。请尽快查看它&如果代码比（给定的）更好，菜单也能比（给定的）更流畅，那么请提供该代码或链接。。。 thnku

javascript（带有静态id等）

问题：

如果我在那个li上快速悬停不止一次，它就会上下滑动，重复自己在上面悬停的次数

 $(document).ready(function () { $(' #cate_id2 > ul').show(); });
        $(document).ready(function () {
            $(' #cate_id2 > ul > #subcate_id4 > div').hide();

            $(' #cate_id2 > ul > #subcate_id4 ').hover(function () {
                $(' #cate_id2 > ul > #subcate_id4 > div').slideDown("fast");
            },

           function () {
               $(' #cate_id2 > ul > #subcate_id4 > div').slideUp("fast");
           });
        });

html（静态代码）

如果你能给我提供代码，最好是上面给出的

---

我将自己将（您的）代码转换为动态……

您可以使其更干净：

$(function () {
   $('#cate_id2 > ul').show();
   $('#cate_id2 > ul > li')
        .on('mouseover', function () {
            $(this).find('div').stop(true, true).slideDown();
        })
        .on('mouseout', function () {
            $(this).find('div').stop(true, true).slideUp();
        });
});

---

所以，它现在起作用了。。添加了一些停止调用（请参见更新的代码）来处理动画问题。请不要忘记投票，如果这有效，请接受。

$(function () {
   $('#cate_id2 > ul').show();
   $('#cate_id2 > ul > li')
        .on('mouseover', function () {
            $(this).find('div').stop(true, true).slideDown();
        })
        .on('mouseout', function () {
            $(this).find('div').stop(true, true).slideUp();
        });
});