JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <td>№ п.п.</td>
            <td>Обоснование</td>
            <td>Наименование</td>
<a href="javascript:void(0)" id="opislink1">подробнее</a>

        </tr>
    </thead>
    <tbody id="tb">';
        <tr class="opis" id="opis1">
            <td style="background: #AFEEEE; width: 2%;">1</td>
            <td style="background: #AFEEEE; width: 8%;">2</td>
            <td style="background: #AFEEEE; width: 10%;">3</td>
        </tr>
    </tbody>
</table>

CSS

.opis {
    display:none;
    text-align: justify;
}

JavaScript

$('#opislink1').click(function () {
    if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
        if ($('#opis1').css("display") == "block") {
            $('#opis1').css("display", "none");
        } else {
            $('#opis1').css("display", "block");
        }
    } else {
        $('#opis1').toggle("slow");
    }
    if ($('#opislink1').text() == 'подробнее') {
        $('#opislink1').text('кратко');
    } else {
        $('#opislink1').text('подробнее');
    }
});