JSFiddle - React, Tailwind, and code Playground

by Siva Charan

HTML

<h2>Filter By Price</h2>
                    <ol id="myAnchor">                        
                    	<li><a id="0-20" href="#" >0.00 - 20.00</a></li>
                        <li><a id="20-50" href="#">20.00 - 50.00</a></li>
                        <li><a id="50-80" href="#" >50.00 - 80.00</a></li>
                        <li><a id="80-100" href="#">80.00 - 100.00</a></li>
                        <li><a id="All" href="#">All</a></li>
                    </ol>   
  <ul class="box-content">
      <li id="0-20">13$</li>
      <li id="20-50">23$</li>
      <li id="50-80">60$</li>
</ul>

JavaScript

$("#myAnchor li a").click(function(){
    var prices = $(".box-content li");
    prices.show();
    if (this.id != "All")
        prices.not($(".box-content li[id='"+this.id+"']")).hide();
});