So verstecken Sie ein Popup, indem Sie nach außen klicken

Ich versuche, einen Weg zu finden, um das Popup zu verbergen, sobald # email-popup oder # phone-popup sichtbar ist, wenn der Benutzer irgendwo AUSSERhalb des sichtbaren Popups klickt.

Meine Methode zum Ausblenden der Popups im folgenden Code funktioniert nicht gut ...

Meine JQuery bisher

$(".email").click(function(){
    $("#email-popup").show("fast");
});
$(".phone").click(function(){
   $("#phone-popup").show();
});

$(document).click(function() {
     $("#email-popup").hide("fast");                        
     $("#phone-popup").hide("fast");
});

Antworten auf die Frage(3)

Ihre Antwort auf die Frage