JSFiddle - React, Tailwind, and code Playground

by nogoodatcoding

HTML

<a href="http://stackoverflow.com/questions/5475892/jquery-toggle-rows-on-click">Fiddle for http://stackoverflow.com/questions/5475892/jquery-toggle-rows-on-click</a>
<br />
<hr />
<table>
    <tr class="rowToClick"><td>ClickMe</td></tr>
    <tr id="Tr1"><td>Toggled</td></tr>
    <tr id="Tr2"><td>Toggled</td></tr>
    <tr id="Tr3"><td>Toggled</td></tr>
    <tr id="Tr4"><td>Toggled</td></tr>
    <tr id="Tr5"><td>Toggled</td></tr>
    <tr class="rowToClick"><td>ClickMe</td></tr>
    <tr id="Tr6"><td>Toggled</td></tr>
    <tr id="Tr7"><td>Toggled</td></tr>
    <tr id="Tr8"><td>Toggled</td></tr>
    <tr id="Tr9"><td>Toggled</td></tr>
    <tr id="Tr10"><td>Toggled</td></tr>
</table>

JavaScript

$('.rowToClick').click(function ()
 {
     $('tr:not(.rowToClick)').toggle();
 });