JSFiddle - React, Tailwind, and code Playground

HTML

<a id="showMore" href="#">show more</a>

<div id="dlspec">
    <table class="row" width="320px">
                <tr>
                    <td class="leftcol">
                        Dimension1
                    </td>
                    <td class="ProductDetailData">
                        Attribute1
                    </td>
                </tr>
            </table>
    <table class="row" width="320px">
                <tr>
                    <td class="leftcol">
                        Dimension2
                    </td>
                    <td class="ProductDetailData">
                        Attribute2
                    </td>
                </tr>
            </table>
    <table class="row" width="320px">
                <tr>
                    <td class="leftcol">
                        Dimension3
                    </td>
                    <td class="ProductDetailData">
                        Attribute3
                    </td>
                </tr>
            </table>
</div>

JavaScript

$(function() {
    $(".row").slice(2).hide();
    
    $("#showMore").click(function() {
        $(".row").show();
    });
});