JSFiddle - React, Tailwind, and code Playground

by Jedaias Rodrigues

HTML

<select>
  <option value="1">Option 1</option>
  <option class="escondedor" value="2">Option 2</option>
  <option class="escondedor" value="3">Option 3</option>
</select>
<br />
<br />
<button id="esconder">Esconder</button>
<button id="exibir">Exibir</button>

JavaScript

$.fn.hideOption = function () {
  this.each(function () {
    $(this).hide();
    if (!($(this).parent().is("span"))) {
      $(this).wrap('<span>');
    }
  });
}

$.fn.showOption = function () {
  this.each(function () {
    $(this).show();

    if ($(this).parent().is("span")) {
      $(this).unwrap();
    }
  });
}

$("#esconder").click(function(){
	$(".escondedor").hideOption();
});
$("#exibir").click(function(){
	$(".escondedor").showOption();
});