JSFiddle - React, Tailwind, and code Playground

by oneboy

HTML

<a class = "hideComments">Hide comments</a>
<div class = "comments">
    <div id = "comment_001">
        Я коммментарий
    </div>
</div>

CSS

.comments {
    border-bottom: solid 1px #dae2e8;
    font-size: 12px;
    text-align: justify;
    margin: 0 10px 0 10px;
    padding: 0px;
}

JavaScript

$('.hideComments').click(function () {
    var comments = $('.comments');
    if (!comments.is(':visible')) {
        comments.slideDown('normal', function () {
            $('.hideComments').text('Hide comments');
        });
    } else {
        comments.slideUp('normal', function () {
            $('.hideComments').text('Show comments');
        });
    }
});