jQuery显示和隐藏

我正在制作一个简单的显示功能，如果用户单击页面上的任何其他位置，显示就会变成隐藏。这一直有效，直到我添加了另一个显示和隐藏功能。我希望这样，当用户触发显示div时，打开的div关闭，然后他们想要打开的div打开。现在他们都开门了。代码如下：Jsfiddle:

试试这个

$("#s").hide(0);
$("#u").hide(0);

$(document).click(function (e) {
    if (!$(e.target).hasClass('popu')) {
        $("#s,#u").hide(200);
    }
});
$("#e").click(function (e) {
    $("#s").show(200);
    e.stopPropagation();
});

$("#er").click(function (er) {
    $("#u").show(200);
    er.stopPropagation();
});

$("#s").hide(0);
$("#u").hide(0);

$(document).click(function (e) {
    if (!$(e.target).hasClass('popu')) {
        $("#s,#u").hide(200);
    }
});
$("#e").click(function (e) {
    $("#s").show(200);
    e.stopPropagation();
});

$("#er").click(function (er) {
    $("#u").show(200);
    er.stopPropagation();
});