颜色更改脚本会中断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();

    });