JSFiddle - React, Tailwind, and code Playground

by Ketan Patel

HTML

<ul>
<li class="hidden 123">Min 5 and Max 30</li>
<li class="hidden 456">Min 10 and Max 20</li>
<li class="hidden 789">Min 5 and Max 30</li>
<li class="hidden 987">Min 15 and Max 30</li>
<li class="hidden 654">Min 5 and Max 30</li>
<li class="hidden 321">Min 10 and Max 30</li>
</ul>

CSS

.hidden {
  display:none;
}

JavaScript

jQuery( document ).ready(function() {
	jQuery(".hidden").hide();
  
	jQuery(".321").show();
});