Próbuję wymyślić sposób, aby po wyświetleniu # e-mail-popup lub # phone-popup było widoczne, jeśli użytkownik kliknie w dowolnym miejscu Z WYJĄTKIEM widocznego wyskakującego okienka, to ukryje popup.

Moja metoda ukrywania wyskakujących okienek w poniższym kodzie nie działa dobrze ...

Mój JQuery jak dotąd

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

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