在sitepoint上看到的Mega Dropdown菜单：如何在鼠标单击时显示菜单

Question

是否可以通过鼠标单击显示sitepoint上显示的下拉菜单。 http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/

目前，它仅在鼠标悬停时显示菜单。

Answer 1

您可以添加：

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

并且这样做：

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

根据您的行为方式（您可以测试，看哪些看起来更自然），您可能需要这样做：

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

如果您仅希望在鼠标单击时显示它，请从最后一个示例中删除.hoverIntent(megaConfig)部分，只留下.click()部分。