jquery - jQuery mouseover 改变 mouseclick

Question

$( function() {
    $(".box").hover( function() {
        $(this).find(".overlay").fadeIn();
    }
    ,function() {
        $(this).find(".overlay").fadeOut();
    });        
});

这个 jQuery mouseover 显示层如何编辑鼠标单击显示菜单？

Answer 1

尝试

$(function () {
    $(".box").click(function () {
        var $overlay = $(this).find(".overlay");
        if ($overlay.is(':visible')) {
            $overlay.fadeOut();
        } else {
            $overlay.fadeIn();
        }
    });
});