JSFiddle - React, Tailwind, and code Playground

by shaneburgess

HTML

<table>
	<thead>
		<tr>
			<th>First Name</th>
			<th>Last Name</th>
		<tr>
	</thead>
	<tbody>
		<tr>
			<td class="firstName">John</td>
			<td>Smith</td>
		</tr>
		<tr>
			<td class="firstName">Bob</td>
			<td>Smith</td>
		</tr>
		<tr>
			<td class="firstName" id="firstNameJim">Jim</td>
			<td>Smith</td>
		</tr>
	</tbody>
</table>
        <button id="hideStuff">Toggle All But Jim</buton>

CSS

.firstName{
    background-color: blue;
    color: white;
}

#firstNameJim{
        background-color: white;
        color: blue;
}

JavaScript

$("#hideStuff").click(function(){
    $(".firstName").toggle();
    $("#firstNameJim").show();
});