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

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

问题: 单击第一个分区隐藏第一个分区，显示第二个分区 然后单击document.body除了第二个div>隐藏第二个div，显示第一个div ?

这是：

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

像这样：D

---

谢谢

您也可以使用

event.target

：

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

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