Hide or show div when editing a form

What I would do is change the way you hide the div, and when you ask to show or hide use the fadeIn (show) and fadeOut (hide)

<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" @php echo ($user->seguro==2)?'style="display:none"':''; @endphp>
                        <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').change(function (){

        if($(this).val()==1){
            $('#tipoSeguro').fadeIn();
        }else if($(this).val()==2){
            $('#tipoSeguro').fadeOut();
        }else if($(this).val()==""){
            $('#tipoSeguro').fadeOut();
        }

    });
 });

I hope your answer will help

Try using "change" instead of "append" . Since the "change" method detects the change in the value of the item you select, it can interact with any item that contains a value and this value can be altered at any time. Then your code would be left like this:

<div class="row" id="tipoSeguro">
        <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>

 <select name="seguro" id="seguro">
    <option selected>---</option>
    <option value="1">SI</option>
    <option value="2">NO</option>
 </select>


<script>
    $(document).ready(function (){
        $('#tipoSeguro').hide(); //Ocultas el div

        $('#seguro').on("change", function (){

          var otr= event.target.value; //otr tomara el value que tenga cada etiqueta <option>

            if(otr==1){
                $('#tipoSeguro').show();
            }else if(otr==2){
                $('#tipoSeguro').hide();
            }
        });
     });
</script>

The problem that you were having and that I had not realized was that you had a style="display: none" on the div with the id="safeType", therefore no matter what you did in the script was always going to have a hidden display. I hope now if it serves you, let me know anything;)