Up xD

Gracias a los dos por responder he aplicado vuestros consejos , pero no consigo que el evento click funcione, os pego el codigo con los cambios que he hecho, no entra al click y creo que puede ser a que cambia muy rapido el estado .

function aumentarScore(){
	var sel=$("#marcador");
	sel.html(puntuacion);
	sel.after("<p style='margin-left: 5px; position: absolute; top: 100px; left: 200px;'>x10</p>");
	sel.siblings('p').fadeOut(300)
}
var mostrarDig = function(x){
	var sel=$('.diglet[num='+x+']');
	if(sel.attr("estado")=="no"){
		sel.attr("estado","si").slideDown(1000);
		ocultarDig(x);
	}
}
var  ocultarDig function(x){
	var sel=$('.diglet[num='+x+']');
	if(sel.attr("estado")=="si"){
		sel.attr("estado","no").slideUp(800);
		clearTimeout(mostrarDig);
	}	}
 
$('.diglet').bind('click',function(event){
	if($(this).attr("estado")=="si"){
		puntuacion+=10;
		complete:aumentarScore(),
		ocultarDig($(this).attr("num"));
		}
});
 
 

Ahora me pondre a hacer los numeros aleatorios, que he pensando en meterlos en un array a modo de pila y hacer un FIFO para que no se genere el mismo numero dos veces al mismo tiempo, alguna sugerencia?

Gracias

Buenas ,aver si me podeis ayudar con un problema con el que me encuentro,

estoy realizando un juego web sencillo que consiste en que aparecen en unas posiciones topos y tienes que darles  antes de que desaparezcan para sumar puntos , el tipico de los recreativos ,no me viene el nombre a la cabeza ahora mismo xD

El problema me viene en la funcion que tengo para mostrar el div del topo, en la animacion slideDown cuando muestra el topo, deberia esperar ver si an pulsado click y si no an pulsado esconderse, y si an pulsado esconderse tambien, nose si me esplico pongo el codigo para lo que veais:

HTML

<div id="tablero">
<table border=1 id="tblPrp">
<tr>
	<td><div num="1" class="diglet" estado="no"></div></td>
	<td><div num="2" class="diglet" estado="no"></div></td>
	<td><div num="3" class="diglet" estado="no"></div></td>
</tr>
<tr >
	<td><div num="4" class="diglet" estado="no"></div</td>
	<td><div num="5" class="diglet" estado="no"></div></td>
	<td><div num="6" class="diglet" estado="no"></div></td>
</tr>
<tr >
	 <td><div num="7" class="diglet" estado="no"></div</td>
	<td><div num="8" class="diglet" estado="no"></div></td>
	<td> <div num="9" class="diglet" estado="no"></div</td>
</tr>
	</table>
</div>
 

.diglet{ width:180px;height:180px;position:relative;background:url('./images/diglet.png') no-repeat;background-size:60%;background-position: center;}
 

JQUERY

		function mostrarDig(x){
			sel=$('.diglet[num='+x+']');
			sel.slideDown(1000);
			sel.attr("estado","si");
			sel.click(function(){
				$(this).slideUp(200);
				$(this).attr("estado","no");
			});
			sel.slideUp(200);
}
 
 

Agradezco ayudas sugerencias y cualquier comentario, gracias