「うざい、絶滅して欲しい、不快感を感じる」続きを読むボタンをCSSとjQueryで作る方法

<div class="Card">
  <div class="Card-Item">
    <div class="Card-Item-Comment">
      <div class="Card-Item-Comment-Text">
        テキストが入ります
      </div>
    </div>
  </div>
  <div class="Card-Item">
    <div class="Card-Item-Comment">
      <div class="Card-Item-Comment-Text">
        テキストが入ります
      </div>
    </div>
  </div>
</div>

$('.Card-Item-Comment-Text').each(function(e){ 
  この中に処理を書いていく
  });

let $comment = $(this);
  // 元の文章を変数に格納
  let comment = $comment.html();
  let length = comment.length;
  let commentShow;
  let commentText;

if($comment.height() > 100){
    // 文章の要素の高さが100を超えていたら隠す用のisHiddenクラスを付与
    $comment.addClass('isHidden');
    
    // ウィンドウ幅が768px以上の時の処理（PC表示）
    if (window.matchMedia('(min-width: 768px)').matches) {
      commentShow = comment.replace(/
/g, "u00a0").substring(0, 86);
      commentText = commentShow += '' + '...続きを読む' + '';
      $comment.html(commentText);
    } else { // ウィンドウ幅が768px以下の時の処理（スマホ表示）
      commentShow = comment.replace(/
/g, "u00a0").substring(0, 68);
      commentText = commentShow += '' + '...続きを読む' + '';
      $comment.html(commentText);
    }
    // 続きを読むをクリックで元の文章を表示
    $comment.on('click', '.Card-Item-Comment-Text-More', function(e){
      let $anchor = $(e.currentTarget);
      let $anchorParent = $anchor.parent();
      $anchorParent.removeClass('isHidden');
      $anchorParent.html(''); // 一旦空にする
      $anchorParent.html(comment).append('' + '閉じる' + '');
      // 閉じるをクリックで元に戻す
      $('.Card-Item-Comment-Text-Hide').on('click', function(e){
        let $anchorHide = $(e.currentTarget).parent();
        $anchorHide.addClass('isHidden');
        $anchorHide.html('');
        $anchorHide.html(commentText);
      });
    });
  }

.Card-Item-Comment-Text{
  position: relative;
  height: auto;
  line-height: 1.8;
  font-size: 14px;
}
.Card-Item-Comment-Text.isHidden{
  overflow-y:hidden;
}
.Card-Item-Comment-Text-Hide{
  display: block;
  line-height: 1.8;
  text-align: right;
}
.Card-Item-Comment-Text-More,
.Card-Item-Comment-Text-Hide{
  cursor: pointer;
}