Error con efecto fade

[mariomon17]

Gracias por las aclaraciones. El nuevo codigo (con efectos de JQUERY UI)es este:

Código Javascript:

$(document).ready(function(){
   $('.box').click(produ);
});
 
function produ(e) {
    e.preventDefault();
        var id = $(this).attr("id");
        $(".produ").load('../productos/producto.php?id='+id+' #pro',function(){
                $(".fila").fadeTo("slow",0);
                $(".produ").show("scale","","slow", function(){ 
                    $(".cuerpo").click(function(){ 
                        $(".produ").hide("scale","","slow");
                        $(".fila").show("drop","","slow");
                    });
                });
        })      
    
};
 

Pero no funciona :S ocurre lo siguiente:
Hago click en .box y entra .produ y sale .fila.
Si hago click en .cuerpo .produ se va y .fila vuelve pero al instante desaparece.
Si pulsas en document aparece de repente .produ que se va con el efecto, y .fila entra otra vez con el efecto pero desaparece de repente. Asi infinitamente :S

Un saludo y gracias