JSFiddle - React, Tailwind, and code Playground

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

$(document).ready(function() {
    $("#myAnchor a").click(function() {
        $("#myAnchor li").hide(); // hide all "li" elements
        $(this).parent().show(); // show the clicked "li" element
    })
});