Mega Dropdown menu vu sur sitepoint

Question

Im occupé à jouer avec l'exemple de menu méga montré sur sitepoint mais remarqué qu'il utilise un plugin pour retarder le vol stationnaire. Comment puis-je ajuster le Jquery afin que je n'utilise pas le plugin. Désolé, je ne peux pas le comprendre mon code jusqu'à présent

$(document).ready(function() { 

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

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

mais son fait rien

Answer 1

Vous ne pouvez pas vraiment éviter l'utilisation HoverIntent ici, puisque c'est essentiellement la « colonne vertébrale » de la fonctionnalité de script , le comportement 'hover' est activé par celui-ci.

Si vous voulez des animations personnalisées sur les éléments du sous-menu, vous pouvez faire quelque chose comme ceci:

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

Answer 2

Essayez ceci:

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

Son simple et rapide et facile à configurer