jquery - 使用鼠标“点击”而不是“鼠标悬停”事件，jquery

Question

我在这里有这个脚本可以正常工作，但我需要让它在鼠标单击而不是鼠标悬停时工作。

我试过了，但失败了。它看起来很简单，但我无法弄清楚。任何人都可以帮忙吗？

代码是：

$(".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(){
    $(this).parent().parent().find(".sub_menu").toggle();
});

Answer 2

尝试这个

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

.closest()如果 HTML 结构已知，您可以使用 .parent() 替换..

或者

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

工作演示