JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <a class='add_listing'>Add Listing</a>
    <table>
        <tr><th>Hello World</th><th id='seeking'>Click Me!</th></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
        <tr><td>100</td><td>200</td></tr>
    </table>
</div>

<script id='fakeAjax' type='text/html'>
    <a class='add_listing'>Add Listing</a>
    <table>
        <tr><th>Hello World</th><th id='seeking'>Click Me!</th></tr>
</script>

CSS

#seeking { cursor: pointer; }

JavaScript

$(function() {
  var toggleState = 0;
  $('#container').delegate('th#seeking', 'click', function() {
    if (toggleState === 0) {
      $("a.add_listing").hide(200);
      $("a.add_listing").show(200);
    }
    else {
      /*
      $.ajax({
        type: "POST",
        url: "ajax_calls.php",
        data: "order=instrument_asc&sort_item=true",
        success: function(r){$("#listings").html(r);},
        error: function(){
          alert(2);
          $("#error").text("Could not retrieve posts")
            .fadeIn(300).delay(900).fadeOut(300)
        }
      });
      */
      $('#container').html($('#fakeAjax').html() + "<tr><td>Reloaded</td><td>" + Date() + "</td></tr></table>");
    }
    toggleState = toggleState ^ 1;
  });
});