JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>One Row</td>
    </tr>
    <tr>
        <td>Click me</td>
    </tr>
    <tr class="slideMe">
        <td>SlideDOWN</td>
    </tr>
</table>
<br />
<button>Slide Div</button>

<div class="slideMeDiv">
    Slide me as well
</div>

CSS

table {
    width: 100%;
}
td{
    border-bottom:solid 1px #fff;
}
tr {
    background: green;
}

.slideMe {
    display: none;
}

div {
    display: none;
    width: 100%;
    height: 20px;
    background: red;
}

JavaScript

$("tr").click(function () {
    $(".slideMe").slideToggle();
});

$(".slideMeDiv, button").click(function () {
    $(".slideMeDiv").slideToggle();
});