Javascript 悬停不起作用

我不太擅长js。我怎样才能让它工作呢

$(document).ready(function () {
    $('#nav > li > a').hover(function(){
        if ($(this).attr('class') != 'active'){
            $('#nav li ul').slideUp(800);
            $(this).next().slideToggle(800);
            $('#nav li a').removeClass('active');
            $(this).addClass('active');
        }
    });
    return false;
});

我试着四处搜索，但就是不太确定怎么做。它现在基本上可以用悬停了。但是如何将.hoverIntent添加到代码中呢

---

我不能就这么改变。停到。停到。对吗

有关详细信息，请参阅jQuery插件： （您只需下载缩小版并将其导入应用程序：）

这里是JSFIDLE：

还有一个有用的链接：

---

有关详细信息，请参阅jQuery插件： （您只需下载缩小版并将其导入应用程序：）

这里是JSFIDLE：

还有一个有用的链接：

---

你能在jsFiddle.Hi中上传同样的例子吗；你能在jsfiddle.Hi中上传同样的例子吗；抱歉，我的代码已经在运行了。但我需要它来添加到函数中。谢谢你的帮助！！是的，当我看到你的代码时已经太晚了上面的代码只是一个例子。谢谢santedicola！但是知道如何添加hoverIntent函数吗？对不起，现在我明白了。你试过这个jQuery插件吗？我已经用hoverIntent更新了答案。请参阅jsFiddle。希望有帮助。对不起，我的代码已经在运行了。但我需要它来添加到函数中。谢谢你的帮助！！是的，当我看到你的代码时已经太晚了上面的代码只是一个例子。谢谢santedicola！但是知道如何添加hoverIntent函数吗？对不起，现在我明白了。你试过这个jQuery插件吗？我已经用hoverIntent更新了答案。请参阅jsFiddle。希望能有帮助。

$(document).ready(function () {
  $('#nav > li > a').hoverIntent(function(){
    if (!$(this).hasClass('active')){
      $('#nav li ul').slideUp(800);
      $(this).next().slideToggle(800);
      $('#nav li a').removeClass('active');
      $(this).addClass('active');
   }
 }, function() {
  if ($(this).hasClass('active')){
      $(this).next().slideUp(800);
      $(this).removeClass('active');
    }  
  });
  return false;
});