Mega Menu déroulant vu sur sitepoint: Comment afficher le menu en cliquant sur la souris

Question

Existe-t-il un moyen d'afficher le menu déroulant affiché sur sitepoint par un clic de souris. http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/

Actuellement, il affiche le menu uniquement lors du survol de la souris.

Answer 1

Vous pouvez ajouter à ceci:

$("li.mega").hoverIntent(megaConfig); 

Et faire ceci:

$("li.mega").hoverIntent(megaConfig).click(addMega); 

Selon la façon dont vous voulez qu'il se comporte (vous pouvez tester, voir ce qui semble plus naturel), vous peut vouloir ceci:

$("li.mega").hoverIntent(megaConfig).click(function() { 
    $(this).toggleClass("hovering"); 
}); 

Si vous ne veulent il apparaît sur un clic de souris, supprimer la partie .hoverIntent(megaConfig) de ce dernier exemple, ne laissant que la partie .click().