Используйте мышь «on click» вместо события «mouse over», 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(); 
}); 

Вы можете заменить .parent() с помощью .closest() если HTML структура известна ..

ИЛИ

$(".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(); 
});