JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<select name="searchuniversitycampus" id="searchuniversitycampus">
    <option>1</option>
    <option>2</option>
</select>
<a href="#" data-role="button" class="hide_show">Hide/Show select</a>

CSS

.hide { display: none !important; }

JavaScript

$(document).on('click', '.hide_show', function () {
    //$("#searchuniversitycampus").closest('div.ui-select').empty();
    $("#searchuniversitycampus").closest('div.ui-select').toggleClass('hide');
});