JSFiddle - React, Tailwind, and code Playground

HTML

<p class="fool">
  <select id="a" onchange="changeCSS()"> </select>
  <select id="b" > </select>
  <select id="c" > </select>
</p>


<button id="togglep">Toggle display on &lt;p&gt</button>
<button id="toggles">Toggle display on selects</button>

CSS

.fool select {
  display: block;
}

.fool.displaynone {
  display: none;
}


.fool select.displaynone {
  display: none;
}

JavaScript

$('#togglep').click(function(e) {
  $('.fool').toggleClass('displaynone');
});

$('#toggles').click(function(e) {
  $('.fool>select').toggleClass('displaynone');
});