Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2012, 16:44
KimboKim
 
Fecha de Ingreso: abril-2011
Mensajes: 67
Antigüedad: 13 años, 7 meses
Puntos: 6
Pregunta mostrar ocultar divs con select

Hola compañeros del foro...

tendo dos divs (uno con #adl y el otro con #pax) y un select (con # cambiar)
quiero que segun la opcion que se seleccione me muestra uno o otro div.

me falta algun trozo de este código que nose cual deberia se...

Código:
<select name="cambiar" id="cambiar" required>
      <option value="1"> opcion 1</option>
      <option value="2"> opcion 2</option>
      <option value="3"> opcion 3</option>
      <option value="4"> opcion 4</option>
</select>
<div id="adl">
   Contenido del Div #adl.... (display en CSS es BLOCK)
</div>
<div id="pax">
   Contenido del Div #pax.... (display en CSS es NONE)
</div>
el código JQuery que empleo para ocultar uno y mostrar otro es:
Código:
$('#cambiar').change(function(){
    var valorCambiado =$(this).val();
    if((valorCambiado == '3')||(valorCambiado == '4')){
       $('#adl').css('display','none');
       $('#pax').css('display','block');
     }
});
ahora si selecciono la opcion 3 o 4 se cambia perfectamente, pero si vuelvo a seleccionar la opcion 1 o 2 no hace nada (ese es el trozo del código que me falta)
alguien tiene alguna idea de como puedo resolverlo??

Gracias de antemano
Hakim