Error con efecto fade

[mariomon17]

Código Javascript:

$(document).ready(function () {
    $(".box").click(mostrar);   
})
 
function mostrar(e) {
    var id = $(this).attr("id");
    $(".productos").fadeTo("slow",0.5);
    $(".produ").show("scale","","slow");
    $(".produ").addClass("loading");
    $(".produ").load('../productos/producto.php?id='+id+' #pro',function(){
        $(".produ").removeClass("loading"); 
        $(document).click(ocultar)
    } );
}
 
 
 
 
function ocultar(e) {
    var a = $(".produ").css("display");
    if(a != "none") {
        $(".produ").hide("scale","","slow");
        $(".productos").fadeTo("slow",1);
    }
}
 

El codigo lo he dejado en esto... va mejor y mucho mas rapido pero sigue con el problema de que la funcion "se queda abierta".

Entonces cada vez que pulso document se ejecuta el ocultar de ahora y el de todas las veces anteriores xD

Como habria que hacer para que solo se pudiese ejecutar una vez, o algo para "cerrar", "salir" de la funcion?

Gracias