jQuery鼠标悬停更改鼠标单击

Question

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

这个jQuery鼠标悬停显示图层如何编辑鼠标点击显示菜单？

Answer 1

尝试

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