AJAX + animacion error fade

[mariomon17]

Tengo un div contenedor de otros divs. He creado un script en JQuery para que al pulsar en uno de los div's interiores ocurra lo siguiente.

1.- Se carga en un div (display=none) la pagina producto.php?id= variable que llega como parametro.
2.- Se oculta, se pone a semitransparente el div fila (contenedor de los otros).
3.- Se muestra el div donde se ha cargado la pagina producto.

4.- Si se hace click fuera, el proceso se invierte. Todo queda disponible para volver a funcionar.

El error: cuando pasa esto por segunda vez todo va bien excepto que el dic que se pone semitransparente se vuelve a poner bien antes de hacer click.

Código Javascript:

function produ(id) {
    $(document).ready(function(){
        $(".fila").fadeTo("slow",0.5, function () {
            $(".produ").load('producto.php?id='+id,function(){
               $(".produ").fadeIn("slow", function() {
                  $(".cuerpo").click(function(){ 
                     $(".produ").fadeOut("slow");
                     $(".fila").fadeTo("slow",1);
                  });
               });
            }); 
          });
        });
};
 

Código HTML:

<div class="cuerpo">
   <div class="box" onclick="produ(345)">
   </div>
   <div class="box" onclick="produ(346)">
   </div>
</div
 

Espero haberme explicado bien
Un saludo.