JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
        <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
            <th>5asdfasdfasdf</th>
        </tr>
        </thead>
        <tbody>
        <tr class="btn">
            <td colspan="5">Click me</td>
        </tr>
        <tr class="hidden">
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
        </tr>
        <tr class="hidden">
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
        </tr>
        <tr class="hidden">
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div class="slide">
                    asd
                </div>
            </td>
            <td>
                <div...

CSS

tr.btn {
    cursor: pointer;
}

table, tr, td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
table tr.hidden td .slide {
    display: none;
}
table tr.hidden td {
    height: 0;
}

JavaScript

$('tr.btn td').click(function(){
    $('tr.hidden .slide').toggle(200)
});