JSFiddle - React, Tailwind, and code Playground

HTML

<div class="some">
<a href="" data-cls="a">А</a>
<a href="" data-cls="s">С</a>
<a href="" data-cls="ya">Я</a>
<a href="" data-cls="all">Все</a>
 </div>
<div class="item a all">Арбуз</div>
<div class="item a all">Алыча</div>
<div class="item s all">Слива</div>
<div class="item ya all">Яблоко</div>

JavaScript

$(function() {
    $("a[data-cls]").each(function(indx, el) {
        var cls = "." + $(el).data("cls");
        console.log(cls);
        $(el).on({
            click: function(event) {
                event.preventDefault();
               $(".item").slideUp().filter(cls).slideDown();
          
            }
        });
    })
  $("a[data-cls]").eq(-1).addClass('yes');
});