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