颜色更改脚本会中断 slideToggle 下拉菜单

Question

我有一个下拉菜单，您可以看到here on jsfiddle。在我包含颜色更改脚本之前它工作正常，该脚本设置和更改导航链接中文本的字母颜色。

正如您可能会在 jsfiddle 上看到的那样，当用户将鼠标悬停在菜单上（或者只是进入自动 slideToggle 狂热！）时，slideToggle 会不断被触发，而它应该只在进入和离开 div 时触发.

有人可以帮助解决这个问题吗？

谢谢，

尼克

Answer 1

将最高位更改为：

    $('.dropdown').hover(function () {
        // When the event is triggered, grab the current element 'this' and
        // find it's children '.sub_navigation' and display/hide them
        $(this).find('.sub_navigation').slideDown();
    }, function () {
        $(this).find('.sub_navigation').slideUp();

    });