JSFiddle - React, Tailwind, and code Playground

HTML

<span id="showPrivacy" style="cursor:pointer;">
  show privacy
</span>
<span id="displayPrivacy" style="display:none">
  <select name="privacy" id="privacy">
    <option value="members" selected="selected">members</option>
    <option value="friends">friends only</option>
  </select>
</span>

JavaScript

$(document).ready(function() {

  $("#showPrivacy").click(function() {  
    $("#displayPrivacy").toggle();
  });
  
});

       
    $('#privacy').click(function(){
    if ($('#privacy').val() == 'members') {
        $('#displayPrivacy').hide();
      } else if ($('#privacy').val() == 'friends') {
        $('#displayPrivacy').hide();
      } else {
        console.log('value: unknown');
      }
    });