Foros del Web » Programando para Internet » Jquery »

jQuery show and hide

Estas en el tema de jQuery show and hide en el foro de Jquery en Foros del Web. Hola, quiero usar algo de jQuery para mostrar y ocultar un elemento, dependiendo en que radio button haga click....alguien podria ubicarme con que debo poner ...
  #1 (permalink)  
Antiguo 18/07/2008, 13:07
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 22 años, 9 meses
Puntos: 6
jQuery show and hide

Hola, quiero usar algo de jQuery para mostrar y ocultar un elemento, dependiendo en que radio button haga click....alguien podria ubicarme con que debo poner en los radios?

lo que tengo mirando unos ejemplo es:

<script type="text/javascript">
$(document).ready(function() {
$('#imagen').show();
});
</script>


pero no tengo referencia de que poner en lo radios bottons

Saludos
__________________
www.dataautos.com
  #2 (permalink)  
Antiguo 20/07/2008, 10:48
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años, 5 meses
Puntos: 2135
Respuesta: jQuery show and hide

Tema trasladado a Frameworks.
  #3 (permalink)  
Antiguo 21/07/2008, 12:15
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 19 años
Puntos: 281
Respuesta: jQuery show and hide

no me creas mucho, ya que la verdad es que estoy empezando a aprender la la sintaxis de JQuery, pero creo que debería ser algo así:

Código:
$(document).ready(function() {
$("#boton").focus(function(){
    $('#imagen').show();
})
})
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #4 (permalink)  
Antiguo 22/07/2008, 01:06
venkman
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: jQuery show and hide

Código HTML:
...
<label for="unRadio">Haz click:</label>
<input type="radio" id="unRadio" value="1"/>
<input type="radio" id="unRadio" value="2"/>
<input type="radio" id="unRadio" value="3"/>
...
<img id="unaImagen1" src="blabla.jpg" />
<img id="unaImagen2" src="talycual.jpg"/>
<img id="unaImagen3" src="estoylootro.jpg"/>
...
<script type="text/javascript">
$(document).ready(function() {
    $("#unRadio").click(function(){
        $('#unaImagen'+$(this).value).show();
    });
});
</script>
...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:23.