Tengo un ejemplo sencillo para mostrar o no un <div id="oculto"></div>
al dar click en un input checkbox
usando javascript
. Pero tengo la peculiaridad que cuando realizo el evento click
no se ejecuta la acción de mostrar lo que esta oculto. Este input de type="checkbox"
tiene un class="flat"
que permite darle mejor apariencia al checkbox
; y me he dado cuenta que cuando quito este class="flat"
de Bootstrap
la función que se ejecuta con el evento $('#es_titulo').click(function (){});
funciona perfectamente.
Quizás sea algún detalle del cual no me estoy percatando y resulte muy sencilla la solución, pero dejo el código buscando alguna sugerencia.
El checbox:
<div class="checkbox">
<label>
<input type="checkbox" class="flat" id="es_titulo" > Proceso de Título
</label>
</div>
<div class="col-xs-12" style="padding-top: 2%; display: none;" id="caja_bolsa">
</div>
La función que utilizo para mostrar:
$('#es_titulo').click(function (){
if ($('#es_titulo').prop('checked')) {
$('#caja_bolsa').show();
} else {
$('#caja_bolsa').hide();
}
});