JSFiddle - React, Tailwind, and code Playground

HTML

<input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="updateCarrierSelectionAndGift();" id="delivery_option_0_0" value="7," checked="checked">
    <label for="delivery_option_0_0">Delivery Option</label>
<input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="updateCarrierSelectionAndGift();" id="delivery_option_0_01" value="7,">
    <label for="delivery_option_0_01">Option 2</label>
    
    <input id="address1" type="text" placeholder="address" />
    <input id="postcode" type="text" placeholder="postcode" />
    <input id="city" type="text" placeholder="city" />
    <input id="id_state" type="text" placeholder="state" />

JavaScript

$(document).ready(function(){
    toggleFields();
    
    $('.delivery_option_radio').on('change', function() {
        toggleFields();
    });
});

function toggleFields() {
    if ($('#delivery_option_0_0').is(':checked')) {
        $('#address1').show();
        $('#postcode').show();
        $('#city').show();
        $('#id_state').hide();
    } else {
        $('#address1').hide();
        $('#postcode').hide();
        $('#city').hide();
        $('#id_state').show();
    }
}