Ya descubri la solucion, se trata de la funcion .one() que hace que la funcion (valga la redundancia) solo se ejecute
one vez.
La sintaxis podeis encontrarla en el manual de JQuery.
Al final el codigo quedo asi:
Código Javascript
:
Ver original$(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).one("click", ocultar)
} );
}
function ocultar(e) {
var a = $(".produ").css("display");
if(a != "none") {
$(".produ").hide("scale","","slow");
$(".productos").fadeTo("slow",1);
}
}
Un saludo
