saber si div esta oculto o mostrado

[spirron589]

Hola...tengo un div el cual porsupuesto cuando se carga la pagina esta en display none...y lo hago aparecer haciendole click a un div...pero quisiera que me ayudaran para hacerlo de la siguiente forma...o sea que cuando le de click al div vea si el otro div esta oculto o mostrado...si esta oculto entonces que lo muestre y si esta mostrado..entonces que lo oculte...me imagino q eso se hace con unos ifs pero no se mucho de jquery..ayudenme gracias

[oms02]

Hola spirron589.

Aqui tienes una manera de empezar..

Código Javascript:

var div = $('#id_de_tu_div');
if (div.is(':visible'))
 {alert('el div ahora esta mostrado');}
else
 {alert('el div esta oculto');}
 

1 saludo!

pd: echale si quieres un vistazo a: http://api.jquery.com/visible-selector/. Lo explican bastante bien.

[spirron589]

hola muchas gracias por tu codigo...hice esto con javascript pero no me funciona...que esta mal? recalco..no se mucho de jquery



$(document).ready(function(){
$("#imagen_normal").click(function(event){
var div = $('#codigo_');
if (div.is(':visible')){
event.preventDefault();
$("#codigo_").hide("slow");
}
else
{
event.preventDefault();
$("#codigo_").show("slow");
});


});

[oms02]

pues a primera vista no veo nada "aparentemente mal" (yo tp soy ningun fiera en jquery).

Yo no uso preventDefault() (tp se muy bien cuando debe usarse y cuando no, las cosas como son).

Has mirado que el id de tu div (el que quieres mostrar/ocultar) es exactamente "codigo_"??
(te lo digo pq la barra baja me incita a pensar que luego le sigue algo, un numero o algo..)

Si lo anterior era correcto y no le sigue nada a la barra baja, prueba esto, a ver...

Código Javascript:

$(document).ready(function(){
$("#imagen_normal").click(function(){
if ($('#codigo_').is(':visible')){
$("#codigo_").hide("slow");
}
else
{
$("#codigo_").show("slow");
});
});
 

PD: perdona el atrevimiento, pero es que como comentas que jquery y tu "no sois aun buenos amigos".....supongo que sabras que el selector para el id es #. Es decir, con $("#blabla") le estas diciendo a jquery, mira al elemento del DOM que tiene por id=blabla

[spirron589]

Hola...y si el "_" si va alli...pero oiga...el codigo no me funciona para nada O.o porq sera? tengo jquery1.5.1 y por logica su codigo esta bien

[oms02]

faltaba cerrar 1 llave

Código Javascript:

$(document).ready(function(){
$("#imagen_normal").click(function(){
if ($('#codigo_').is(':visible'))
    {$("#codigo_").hide("slow");}
else
    {$("#codigo_").show("slow");}
});
});
 

1 saludo!

[spirron589]

wow muchas gracias...ya funciono :D gracias por el tiempo q te dedicaste a mi post gracias...