添加DIV下拉列表

Question

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

我根本无法显示div！

这是一个小问题：http://jsfiddle.net/VtXvB/

---

查看我的代码的本地副本没有正确找到jquery库（因为我使用的是与http：//或https：//不明确的版本）

我解决了这个问题，并在我的脚本标签中添加了“type”属性，一切都很好。

Answer 1

这是因为你在锚标签上使用悬停事件，在这种情况下，当你移动到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');
    }
  );
});