Temas

Hola buenas, tengo idea de realizar una aplicación como el iTalc,
por si no lo sabeis este programa permite ver la pantalla de un ordenador (el profesor) desde las demas pantallas (alumnos) ademas de otras funciones. Ami de momento solo me interesa que puedan ver la pantalla

Todavía me encuentro en proceso de investigacion, por lo que os pido porfavor si podeis orientarme un poco, ya que no encuentro documentacion en español y en ingles no se con que terminos buscarlo

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

Código (html4strict) [Seleccionar] Expandir


<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>


Código (css) [Seleccionar] Expandir


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

JQUERY

Código (javascript) [Seleccionar] Expandir


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