JSFiddle - React, Tailwind, and code Playground

by anubhavranjan

HTML

<ul class="smenu">
    <li><a href="#" class="y031">0,3 - 1 год</a></li> 
    <li><a href="#" class="y12">1 - 2 года</a></li>   
    <li><a href="#" class="y23">2 - 3 года</a></li>   
    <li><a href="#" class="y812">8 - 12 лет</a></li>  
</ul>

<table>
  <tr class="table">
      <td><span class="y12">test12</span></td>
      <td><span class="y23">test23 </span></td>
      <td><span class="y812">test812</span></td>
      <td><span class="y23">test23</span></td>
      <td><span class="y031">test031</span></td>
  </tr>
</table>

JavaScript

$(".smenu li a").click(function()
{
    var showClass = $(this).attr("class");
    $(".table td span").hide();
    $("." + showClass).show();
});