JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="excludeme"><td>first</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr class="showhide"><td>show/hide</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr class="showhide"><td>show/hide</td></tr>
    <tr class="showhide"><td>show/hide</td></tr>
    <tr><td>Hello</td></tr>
    <tr class="excludeme"><td>last</td></tr>
</table>

<button id="test">Toggle</button>

CSS

.showhide{
    display: none;
}
table tr:nth-child(odd):not(.excludeme){
    background: orange;
}

JavaScript

$(document).ready(function(){
    $("#test").on("click", function(){
       $(".showhide").toggle(); 
    });
});