Duda programación click en jquery

[albers64]

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.

[Manuellama]

<script type="text/javascript">
$(document).ready(function(){
$("#caja1").click(function(event){
event.preventDefault();
$("#caja2").toggle();
});
});
</script>


En la línea: $("#caja2").toggle();

Ahi le dices que pase de visible a invisible o de invisible a visible.

[caricatos]

Tema movido desde javascript