jquery - 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();
        }
    });
});