JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <div class="cfats" data-show="content1"> 
        <td> Category 1 </td>
    </div>
    <div class="content1">
        <td> Content </td>
    </div>
    <tr class="content1">
        <td> Content </td>
    </tr>
        <tr class="content1">
        <td> Content </td>
    </tr>
    <tr class="cats" data-show="content2">
        <td> Category 2 </td>
    </tr>   
    <tr class="content2">
        <td> Content </td>        
    </tr>
    <tr class="content2">
        <td> Content </td>
    </tr>

JavaScript

$(function() {
    $('div').not('.fcats').hide();
    $('.fcats').click(function() {
        var target = $(this).data('show');
        $('.'+target).toggle();
    });
});