JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function show_hide_my_textarea() {
  var my_checkbox = document.getElementById("my_checkbox");
  var my_tr = document.getElementById("my_tr");
console.log(my_checkbox);
  if (my_checkbox.checked == false) {
      my_tr.style.display = 'table-row';
  } else {
      my_tr.style.display = 'none';
  }
}
</script>
<input type="checkbox" id="my_checkbox">
<table>
    <tr id="my_tr" style="display: none;">
        <td colspan="2">
            <div id="my_div">
                <textarea cols="25" rows="3" name="my_textarea">initial data to be shown</textarea>
            </div>
        </td>
    </tr>
</table>

<a href="javascript: show_hide_my_textarea();">Click Me</a>