JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

Click on desired category:
<ul id="product-filter">
    <li class="cat_1">category 1</li>
    <li class="cat_2">category 2</li>
</ul>

<div id="product-display">
    <div class="cat_1">
        Cat 1
    </div>

    <div class="cat_2">
        Cat 2
    </div>
</div>

JavaScript

$('#product-filter li').click(function() {
    $('#product-display > div:visible').slideUp();
    $('#product-display .' + this.className).stop(true).slideDown();
});