Мега выпадающее меню видно на сайте

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 здесь, так как это, по сути, «позвоночник» функциональности скрипта, им разрешено поведение «hover».

Если вы хотите настраивать анимацию для элементов подменю, вы можете сделать что-то вроде этого:

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