jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<div class="col-sm mb-5  us-state-select">
              <label>USA STATE</label>
              <select name="order_from_address_state" class="form-select">
                <option>Choose country</option>
                
                <option value="AL" name="<AL>" selected>Alabama</option>
                <option value="AK" name="AK">Arkansas</option>
               
              </select>
              
              </div> 
              
              
  <div class="col-sm mb-5" id="us-state"><label>Send from country</label>
 <select name="order_from_address_country" class="form-select">
                <option>Send from</option>
                
               <option value="US" name="US">USA</option>
                <option value="CA" name="CA" selected>Canada</option>
                
              </select></div>

JavaScript

$(document).ready(function() {
    $("#us-state").find('select').change(function() {
        var $val = $(this).val();

        if($val === 'US'){
            $('.us-state-select').show();
        }else{
            $('.us-state-select').hide();
        }
    });
});