JSFiddle - React, Tailwind, and code Playground

by Zacc206

HTML

<button id='hide'>Hide</button>
<button id='show'>Show</button>
<br/><br/>
<select id='master'>
    <option>Select an option</option>
</select>
<br/>
<select id='#multi' class='hidden' multiple>
    <option>Apple</option>
    <option>Orange</option>
    <option>Banana</option>
    <option>Grape</option>
</select>

CSS

select{width: 200px;}
.hidden{display:none;}

JavaScript

$(document).ready(function(){
    $('#show').on('click', function(){
        $('#multi').removeClass('hidden');
    });
    
    $('#hide').on('click', function(){
        $('#multi').addClass('hidden');
    });    
    
    alert('Loaded');
});