使用鼠標'點擊'而不是'鼠標懸停'事件，jquery

Question

我有這個腳本here它工作正常，但我需要使它在鼠標單擊，而不是鼠標懸停工作。

我試過了，但失敗了。它看起來很簡單，但我無法弄清楚。誰能幫忙？

代碼：下面

$(".cat").hover(function(){ 
    $(this).parent().parent().find(".sub_menu").hide(); 
}, 
function() { 
    $(this).parent().parent().find(".sub_menu").show(); 
});` 

代碼在IE中，而不是在Firefox瀏覽器。

$(".cat").on('click', function(){ 
    $(this).parent().parent().find(".sub_menu").toggle(); 
}); 

Answer 1

試試這個

$(".cat").on('click', function(e){ 
    e.preventDefault(); 
    $(this).parent().parent().find(".sub_menu").toggle(); 
}); 

您可以通過，如果HTML結構是已知的使用.closest()更換.parent（）..

OR

$(".cat").on('click', function(e){ 
     e.preventDefault(); 
     $(this).closest('.menu').find(".sub_menu").toggle(); 
}); 

WORKING DEMO

Answer 2

$(".cat").on('click', function(){ 
    $(this).parent().parent().find(".sub_menu").toggle(); 
});