在sitepoint上看到的超級下拉菜單：如何在鼠標點擊時顯示菜單

Question

是否有方法通過鼠標單擊來顯示站點上顯示的下拉菜單。 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()部分。