quisiera me puedan ayudar con esta duda y como solucionarla. Tengo 2 div, el segundo div viene oculto dependiendo de lo que seleccione en el primer div, hasta ahí todo bien, porque puedo ocultar o mostrar los div.
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label for=""> Tiene Seguro</label>
<select name="seguro" id="seguro">
<option value="1" @if($user->seguro==1) selected @endif>SI</option>
<option value="2" @if($user->seguro==2) selected @endif>NO</option>
</select>
</div>
</div>
</div>
<div class="row" id="tipoSeguro" style="display:none">
<div class="col-sm-12">
<div class="form-group">
<div class="form-check">
<label class="form-check-label"><input class="form-check-input" name="tipo" type="radio" value="1" @if($user->tipo_seguro==1) checked @endif>Médico - Dental</label>
</div>
<div class="form-check">
<label class="form-check-label"><input class="form-check-input" name="tipo" type="radio" value="2" @if($user->tipo_seguro==2) checked @endif>Otros</label>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function (){
$('#seguro').append(function (){
if($(this).val()==1){
$('#tipoSeguro').show();
}else if($(this).val()==2){
$('#tipoSeguro').hide();
}else if($(this).val()==""){
$('#tipoSeguro').hide();
}
});
});
</script>
Mi problema viene cuando quiero editar el formulario y el div que debe mostrarse se muestra o se oculta, pero si cambio la opción del select seguro por SI, debería desplegarse el div oculto, antes lo tenía con un click(function()), pero no me hacia nada si el select seguro era SI, no se mostraba, lo cambie por el append, pero ahora no cambia si seleccionó Si o NO.
Ayuda, gracias