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">members</option>
<option value="friends">friends only</option>
</select>
</span>
JavaScript
$("#showPrivacy").click(function(){
$("#displayPrivacy").toggle();
});
$('#privacy option').click(function() {
var current = $(this).val();
if(current == 'members') {
$('#displayPrivacy').hide();
} else if(current == 'friends') {
$('#displayPrivacy').hide();
}
else {
console.log('value: unknown');
}
});