[SOLUCIONADO] Mostrar y ocultar al dar click?

[erozwashere]

Hola tengo una imagen oculta

<img id="mifoto" src= "/>


<button id="mostrarocultar">Ocultar o mostrar</button>

Como puedo hacer para que cuando le de click al boton se muestre y se mantenga visible, pero si yo clickeo otra vez se oculte

Código Javascript:

$("#mostrarocultar").hover(function(){
 
 
$("#mifoto").slideDown("slow");
 
},function(){
    $("#mifoto").slideUp("slow");
});
 

Logro hacerlo con hover, pero con el evento click no me funciona, alguna idea?

[thedaket]

Puede usar la función toogle() de jQuery te dejo el enlace Suerte

[URL="http://api.jquery.com/toggle/"]http://api.jquery.com/toggle/[/URL]

[Reedyseth]

Antes se usaba toggle() de jQuery y me refieron antes de la version 1.9.1, pero como esta funcion causaba ambiguedad con un efecto llamado de la misma manera por eso la quitaron, entonces para que mejor de una vez te vayas acostumbrando tienes que implementar un booleano en el evento click, quedandote de esta manera:

Código Javascript:

var isVisible = false;
        $(document).ready(function() {
            $("#mostrarocultar").click(function() {
                if(isVisible){
                    $("#mifoto").slideDown("slow");
                    isVisible = false;
                } else {
                    $("#mifoto").slideUp("slow");
                    isVisible = true;
                }
            });
        });
 

[erozwashere]

Iniciado por thedaket

Puede usar la función toogle() de jQuery te dejo el enlace Suerte

[URL="http://api.jquery.com/toggle/"]http://api.jquery.com/toggle/[/URL]

Gracias!

[Reedyseth]

Cita:
Iniciado por thedaket
Puede usar la función toogle() de jQuery te dejo el enlace Suerte

http://api.jquery.com/toggle/
Gracias!

A menos que nunca vayas a tener planeado cambiar la libreria de jQuery esta bien usar toggle().

[erozwashere]

Iniciado por Reedyseth

Antes se usaba toggle() de jQuery y me refieron antes de la version 1.9.1, pero como esta funcion causaba ambiguedad con un efecto llamado de la misma manera por eso la quitaron, entonces para que mejor de una vez te vayas acostumbrando tienes que implementar un booleano en el evento click, quedandote de esta manera:

Código Javascript:

var isVisible = false;
        $(document).ready(function() {
            $("#mostrarocultar").click(function() {
                if(isVisible){
                    $("#mifoto").slideDown("slow");
                    isVisible = false;
                } else {
                    $("#mifoto").slideUp("slow");
                    isVisible = true;
                }
            });
        });
 

Gracias los 2 funcionan, solo que en el bolean tengo que dar un click y luego otro click y solo hasta el segundo click funciona, y en el toggle funciona al primer click, alguna idea de por que?

Saludos

[Reedyseth]

Iniciado por erozwashere

Gracias los 2 funcionan, solo que en el bolean tengo que dar un click y luego otro click y solo hasta el segundo click funciona, y en el toggle funciona al primer click, alguna idea de por que?

Saludos

A eso pasa por que esta en false, solo cambialo a true y funciona a la primera.

[erozwashere]

Iniciado por Reedyseth

A eso pasa por que esta en false, solo cambialo a true y funciona a la primera.

aa Vale gracias, Saludos :D