Как убрать кнопку

Question

Я пытаюсь удалить

<button id="load-more-comments"></button>

В случае, если не более 20 комментариев

Кнопка загрузки больше не должна появляться

, если естьеще 21 комментарий Показать кнопку загрузки больше

мой код

var $parent = $("ol"),
$items = $parent.find("li"),
$loadMoreBtn = $("#load-more-comments"),
maxItems = 20,
hiddenClass = "visually-hidden";

// add visually hidden class to items beyond maxItems
$.each($items, function (idx, item) {
  if (idx > maxItems - 1) {
    $(this).addClass(hiddenClass);
    // if last comment, hide button see more


});


// onclick of show more button show more = maxItems
// if there are none left to show kill show more button
$loadMoreBtn.on("click", function (e) {
  $("." + hiddenClass).each(function (idx, item) {
    if (idx < maxItems - 1) {
      $(this).removeClass(hiddenClass);

    }
    // kill button if no more to show
    if ($("." + hiddenClass).size() === 0) {
      $loadMoreBtn.hide();

    }
  });
});

и это мои csss

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

Answer 1

Очень просто поставить этот код после

hiddenClass = "визуально-скрытый";

Код:

if($items.length <= 20 ){
    $loadMoreBtn.hide();
}