JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class="selectedRow">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><a onclick="toggleMe()">Toggle Me Here</a></td>
  </tr>
</table>

<div id="box"></div>

CSS

#box {
  width: 200px;
  height: 200px;
  background-color: Red;
  display: none;
}

* {
  margin: 0;
  padding: 0;
}

.selectedRow td {
  border: 3px solid red;
  width: 100px;
}

JavaScript

$(document).ready(function(){
  // Remove the anchors
  $(".selectedRow td:last a").each(function(){
    $(this).replaceWith($(this).html());
  });

  // Make entire row clickable
  $(".selectedRow").click(function(e){
    $('#box').toggle();
  });
});