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

Question

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

问题：点击 1st div hide 1st div, show 2nd div 然后点击 document.body except 2nd div > hide 2nd div, show 1st 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();
});