gracias por tu respuesta Alexis.
entonces el codigo me quedaria asi?? obviamente agregando display none en el html...
Código HTML:
<div class="form-group" name="pago" id="pagar">
<label class="control-label col-xs-3">Medio de pago:</label>
<div class="col-xs-7 col-md-9">
<select id="medioDePago" class="form-control col-xs-3" name="Medio de pago">
<option value="" selected>Despliegue Aqui</option>
<option value="Tarjeta">Tarjeta de credito</option>
<option value="Debito">Debito en cuenta</option>
<option value="Efectivo">Efectivo</option>
</select>
</div>
</div>
<div id="Tc" class="form-group" display="none">
<label class="control-label col-xs-3">Nº Tarjeta:</label>
<div class="col-xs-7 col-md-9">
<input type="text" name="Tarjeta" class="form-control" placeholder="Tarjeta(16)" title="Faltan los Numeros de tarjeta" required="">
</div>
</div>
<div id="Dc" class="form-group" display="none">
<label class="control-label col-xs-3">Nº Cbu:</label>
<div class="col-xs-7 col-md-9">
<input type="text" name="Cbu" class="form-control" placeholder="Numero de CBU(22)" title="Faltan los Numeros de Cuenta" required="">
</div>
</div>
<div id="Pe" class="form-group" display="none">
<label class="control-label col-xs-3">Efectivo:</label>
<div class="col-xs-7 col-md-9">
<input type="text" name="Efectivo" class="form-control" placeholder="Efectivo" title="Efectivo">
</div>
</div> jquery:::
Código Javascript
:
Ver original($document).ready(function(){
$("#medioDePago").change(function(){
if($("#medioDePago").attr("selected")){
$("#Tc").css("display", "block");
} else if ($("#medioDePago").attr("selected")){
$("#Dc").css("display", "block");
} else if ($("#medioDePago").attr("selected")){
$("#Pe").css("display", "block");
}
});
});
o nada que ver????
