Hola a todos!
Se me plantea la siguiente cuestión: tengo un div (caja1) que hace de botón y quiero que al hacer click en él me aparezca otro div (caja2) que está oculto a su lado. Hasta aquí todo ok. El problema es que quiero que al volver a hacer click en el botón el segundo div vuelva a ocultarse y no sé como programarlo. Lo que he conseguido es que desaparezca al hacer mouseleave, pero me gustaría que el evento se produjese al volver a hacer click en el primer div ¿Alguna sugerencia?
Pego el código que tengo ahora mismo.
Código:
<script type="text/javascript">
$(document).ready(function(){
$("#caja1").click(function(event){
event.preventDefault();
$("#caja2").css("visibility","visible");
});
$("#caja1").mouseleave(function(event){
event.preventDefault();
$("#caja2").css("visibility","hidden");
});
});
</script>
Saludos.