在sitepoint上看到的Mega下拉菜单

Question

我正在忙着处理sitepoint上显示的大型菜单示例，但发现它使用了一个插件来延迟悬停。我如何调整Jquery，以便我不使用该插件。对不起我到目前为止无法弄明白我的代码

   $(document).ready(function() {

  function addsubmenu(){
    $(this).addClass("hovering");
    $(".hovering div").animate({"opacity": "toggle"}, { duration: "slow" });
    }

  function removesubmenu(){
    $(this).removeClass("hovering");
    }
});

但它没有做任何事情

Answer 1

试试这个：

http://www.geektantra.com/2009/09/jquery-mega-menu/

简单快速且易于配置

Answer 2

你无法真正避免在这里使用HoverIntent，因为这实际上是脚本功能的“脊梁”，它的“悬停”行为已经启用。

如果您想在子菜单项上自定义动画，可以执行以下操作：

$(document).ready(function() {
    function addsubmenu(){
        $(this).animate({"opacity": "toggle"}, { duration: "slow" });
    }
    function removesubmenu(){
        $(this).animate({"opacity": "toggle"}, { duration: "fast" });
    }
});