JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-hover table-bordered">
    <tr class="success">
        <td>
            <div class="line_top">
                Иванов Иван Иванович <br /> 
                VIN: XW8BC132139K506956
            </div>
            <div class="">
                СК: согласие <br />
                Коментарий: пропустил платеж 
            </div>
        </td>
    </tr>
    <tr class="error line_bot">
        <td>
            <div class="line_top">
                Петров Петр петрович <br />
                VIN: TMBDC41U081235657
            </div>
            <div class="line_bot">
                СК: Рененс
            </div>
        </td>
    </tr>
</table>

CSS

td {
    padding: 5px;
    border: 1px solid #ccc;
}
.line_top {
    background: #efefef;
    cursor: pointer;
}

JavaScript

var lineTop = $('.line_top')
,   lineBot = $('.line_bot').hide();

lineTop.on('click', function(){
    lineTop.not(this).siblings(lineBot).slideUp();
    $(this).siblings(lineBot).slideToggle();
});