JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
    <div class="comments-block-online-page">
        <span class="info-header">Комментарии</span>
        <div class="info-border"></div>
        <div class="comments-expander">Показать больше комментариев </div>
        <div class="comment-page online-page">
            <div class="comment-container online-page">
                    <span class="comment-img"><img src="images/comments-img/com-img4.jpg" alt=""></span>
                    <div class="comment-author">User56390 :</div>
                    <div class="comment-text">Хороший фильм, хорошие актеры, все понравилось :3</div>
            </div>
            <div class="comment-container online-page">
                    <span class="comment-img"><img src="images/comments-img/com-img1.jpg" alt=""></span>
                    <div class="comment-author">Зайка_попрыгайка :</div>
                    <div class="comment-text">Смотрела с мамой в кино!!!!! КРУТО!!!</div>
            </div>
            <div class="comment-container online-page">
                <span class="comment-img"><img src="images/comments-img/com-img2.jpg" alt=""></span>
                <div class="comment-author">Вова :</div>
                <div class="comment-text">Старая новая сказка

                    Шёл в первую очередь на игру Анджелины Джоли и не ошибся. Она великолепна! На мой взгляд один из лучших её фильмов. Можно даже сказать она превзошла себя. Вжилась в роль на все 100%. Этот персонаж никто бы не сыграл лучше. Это как Нео для Киану Ривза. Браво, Анджелина!
                    Сэм Райли отлично справился с образом ворона, а вот Эль Фанинг… Ну на эту роль можно было бы поискать кого другого… Либо персонаж такой и именно так его задумал снять режиссёр, либо актриса не справилась с ролью. В общем принцесса Аврора тут ни о чём. И принц...

CSS

.comments-block {
    width: 450px;
    height: 434px;
    background-image: url("images/блоки/блок_коммент.png");
    float: left;
    margin-left: 20px;
    margin-top: 19px;
}

.comment-container {
    margin-top: 7px;
    font-size: 13px;
    width: 95%;
    min-height: 79px;
    border-bottom: solid 1px #cecdcd;
}

.comment-img {
    float: left;
    height: 72px;
    width: 72px;
    margin-right: 10px;
}

.comment-img img {
    height: 72px;
    width: 72px;
    border-radius: 50px;
}

.comment-author {
    color: #14a6d0;
    font-weight: bold;
    margin-left: 6px;
    /*float: left;*/
}

.comment-text {
    position: relative;
    margin-top: 13px;
    margin-bottom: 10px;
}


.comments-expander {
    border: solid 1px black;
    text-align: center;
    margin-top: 10px;
    width: 95%;
    color: #2faad1;
    cursor: pointer;
}

.comments-block-online-page {
    background-image: url("images/блоки/comment-online-page.png");
}

.comment-page.online-page {
    overflow: hidden;
    height: auto;
}

.comment-container.online-page {
    border: none;
    /* visibility: hidden; */
}

.comment-container.online-page:first-child {
    margin-top: 20px;
}

.comment-container.online-page::after {
    content: '';
    display: block;
    margin-top: 35px;
    border-bottom: solid 1px #cecdcd;

}

.comment-container.online-page:last-child::after {
    content: '';
    border: none;
    display: none;
}

JavaScript

$(document).ready(function(){
   $(".comment-container.online-page").slice(3).hide();
    $(".comments-expander").click(function (){
        var dlina = $(".comment-container.online-page").length ;
        $(".comment-container.online-page").slice(3).css;
        if(dlina>3){
            $(".comment-container.online-page").slice(3, dlina).slideToggle('normal');
       }
    })
});