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
<table border=1 id="tblPrp"> <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> <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> <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>
.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