JSFiddle - React, Tailwind, and code Playground

by somidmm

HTML

<label class="custom-control-label deathzone-toggle" for="customSwitches">Show Deathzone Inducements</label>

<table>
  <tr>
    <td>.... some content</td>
  </tr>
  <tr class='deathzone'>
    <td>.... some content</td>
  </tr>
  <tr>
    <td>.... some content</td>
  </tr>
</table>

CSS

tr.deathzone {
  display: none;
}

tr.deathzone td {
  opacity:1;
  display: table-cell;
  background:pink;
}

JavaScript

$(document).ready(function() {
  $("label.deathzone-toggle").click(function() {
    $("tr.deathzone").fadeToggle("slow");
  });
});