Jquery点击div显示这个，点击除此隐藏div之外的任何地方？

Question

我有两个div，第一个隐藏（真实），第二个显示（假）。

问题： 点击1st div隐藏第1个div，显示第2个div 并单击document.body，除了第二个div＆gt;隐藏第二个div，显示第一个div ？

这里是：

$(".fake").click(function () {
    $(".fake").hide();
    $(".real").show();
});
$(document.body).click.**except(".real")**.(function () {
    $(".fake").show();
    $(".real").hide();
});

像这样：D 谢谢！

Answer 1

$(document.body).not(".real").click.(function () {
    $(".fake").show();
    $(".real").hide();
});

Answer 2

您也可以使用event.target：

$(document.body).click(function (e) {
    if (e.target.is('.real')) { return false; }
    $(".fake").show();
    $(".real").hide();
});