JSFiddle - React, Tailwind, and code Playground

HTML

<select id="package" name="package">
    <option value="10">Bronze Package</option>
    <option value="15">Silver Package</option>
    <option value="20">Gold Package</option>
    <option value="booth">A Booth Package</option>
    <option value="0">No Package</option>
</select>

<div id="display" style="display:none;">
    <select id="booth_package" name="booth-package">
        <option value="0">Select a Booth Package</option>
        <option value="200">The Bier Package</option>
        <option value="200">The Cocktail Package</option>
        <option value="200">The Spirits Package</option>
        <option value="200">The Bar Tab Package</option>
    </select>
</div>

JavaScript

$( document ).ready(function() {
    $('#package').on('change',function(){
       if( $(this).val()=="booth"){
            $("#display").show()
        }
        else{
            $("#display").hide()
        }
    }).trigger('change');
    
    $('#package').change(function(){
        $('#booth_package').val( $('#booth_package').prop('defaultSelected') );
    });
});