JSFiddle - React, Tailwind, and code Playground

HTML

<select name="snag" id="snag">
    <option value="nil">Select One</option>
    <option value="juice" id="juice">
        Juice
    </option>
  </select>

  <h3 id="hello">for a:</h3>

  <select name="fan" class="show">
    <option value="nil">Select One</option>
  </select>

  <select name="fan" class="hide" id="juice-yay">
    <option value="nil">Select One</option>
    <option value="success">
        Success
    </option>
  </select>

CSS

.hide {
    display: none;
}

JavaScript

$( "#snag" )
  .change(function () {
      $( '#juice-yay' ).removeClass( 'hide' );
      $( '.show' ).addClass( 'hide' );
  });