Estoy tratando de encontrar una manera para que una vez que # email-popup o # phone-popup esté visible, si el usuario hace clic en cualquier lugar EXCEPTO la ventana emergente visible, se ocultará la ventana emergente.

Mi método para ocultar las ventanas emergentes en el código siguiente no funciona bien ...

Mi jQuery hasta ahora

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

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