<select name="selectEstadoCivil" id="selectEstadoCivil" class="validate[required]">quiero que si el usuario selecciona cualquier opcion, excepto soltero o seleccionar, me muestre una capa oculta para llenar mas datos (datos de la pareja), pero si selecciona Soltero o Seleccionar, vuelva a ocultar la capa de datos del conyuge,
<option value="" selected="selected">Seleccionar</option>
<option value="soltero">Soltero/a</option>
<option value="casado">Casado/a</option>
<option value="separado">Separado/a</option>
<option value="divorciado">Divorciado/a</option>
</select>
el codigo jQuery es el siguiente:
$("#selectEstadoCivil").change(function(){ // disparo el codigopero siempre me muestra la capa conyuge seleccione lo que seleccione, creo que el problema es el || (or) porque si lo hago con uno solo funciona bien, pero no conozoco mucho de javascritp. Gracias de antemano.
var valor = $('#estado_civil').val(); // recupero el valor del select
if((valor != '') || (valor != 'soltero')){ // si selecciona cualquiera distinto a "" o "soltero"
$("#capaConyuge").show(500); // mostrar capa conyuge
}else{
$("#capaConyuge").hide(500); // sino, ocultar capa conyuge
}
});