Jquery 添加DIV下拉列表

我正在尝试将div作为下拉菜单添加到文本菜单中。当鼠标悬停在文本链接上时，我希望div显示在文本下方，当用户滚动文本或滚动div（或者单击div中的链接）时，div消失。以下是我目前掌握的代码：

我根本无法显示div

这是一把小提琴：

---

查看代码的本地副本时未正确找到jquery库（因为我使用的版本对http://或https://不明确）

---

我修复了这个问题，并在脚本标记中添加了一个“type”属性，一切正常。

这是因为您在锚定标记上使用了悬停事件，在这种情况下，当您移动到div时会发生unhover事件，这就是该div变为隐藏的原因。因此，不要使用JS代码，而是使用以下代码：

$(document).ready(function(){
  $("#menu li").hover(
    function () {
      $(this).find("a").addClass('active').next('.submenu').addClass('active').slideDown('fast');
    }, 
    function () {
      $(this).find("a").removeClass('active').next('.submenu').removeClass('active').slideUp('fast');
    }
  );
});

---

欢迎来到SO！把它放在a中会使上面的内容更容易看到！谢谢你的提示。我修改了上面的代码…但我尝试引用li而不是锚定标记，但仍然不起作用。@Michelle在你的fiddle代码中，你要么没有添加jquery min文件的引用，要么在css中的单引号中指定了display属性。这里是你的演示完美的作品，但我不能让它在我的代码工作。我将它复制/粘贴到我的站点，但它不起作用，所以我厌倦了将它复制/粘贴到一个全新的空白文件中，而它却不起作用。这是我做的样品：这是原件：两者都不起作用。我在那里有jQuery的链接，但我使用的是谷歌托管的版本，这有什么区别吗？我调查了这个问题，发现代码中输入了一些特殊字符，请重新编写，不要复制粘贴：）