JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blog-container">
              <table border="0" class="blog-table">
                <tr class="topic-post">
                  <td>
                    <div class="post-content">Test 1</div>
                  </td>
                </tr>
                <tr>
                  <td class="post-reply">
                    <a class="postreply">Show Replies</a>
                  </td>
                </tr>
              </table>
              <div class="postreplycontainer">
                <div class="latest-replies">Latest Replies</div>
                <table border="0" class="blog-replies-table">
                  <tr class="topic-post">
                    <td>
                      <div class="post-content">Reply Test 1</div>
                    </td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="blog-container">
              <table border="0" class="blog-table">
                <tr class="topic-post">
                  <td>
                    <div class="post-content">Test 2</div>
                  </td>
                </tr>
                <tr>
                  <td class="post-reply">
                    <a class="postreply">Show Replies</a>
                  </td>
                </tr>
              </table>
              <div class="postreplycontainer">
                <div class="latest-replies">Latest Replies</div>
                <table border="0" class="blog-replies-table">
                  <tr class="topic-post">
                    <td>
                      <div class="post-content">Reply Test 2</div>
                    </td>
                  </tr>
                </table>
              </div>
            </div>

CSS

a {cursor:pointer}
.blog-container {width:100%;padding:0 0 20px 0}
table.blog-table {border-collapse:collapse;width:100%}
table.blog-table td, table.blog-replies-table td {background-color:#ccc;color:#000}
table.blog-table .topic-post, table.blog-replies-table .topic-post {overflow:auto}
table.blog-table .post-content, table.blog-replies-table .post-content {padding: 16px}
.postreplycontainer {display:none}
.latest-replies {width:60%;background-color:#ccc;color:blue;font-size:10px;margin:2px 0 1px auto}
table.blog-replies-table {border-collapse:collapse;width:60%;margin-left:auto;margin-right:0}

JavaScript

$("a.postreply").click(function() {
    $(this).parents('table').next().slideToggle("fast");
});