Как скрыть кнопку «Показать все» после загрузки всех элементов?

Question

$("table > tbody > tr").hide().slice(0, 5).show();
$(".show-all").on("click", function()
  $("tbody > tr", $(this).prev()).show();
});

// Кнопка // Показать все

Answer 1

Для гладкости я бы добавил функцию обратного вызова в функцию show. Таким образом, когда все элементы отображаются, кнопка исчезнет.

$("table > tbody > tr").hide().slice(0, 5).show();
$(".show-all").on("click", function()
let that = this;
  $("tbody > tr", $(this).prev()).show(function(){
that.hide()
})
);

});

Answer 2

$("table > tbody > tr").hide().slice(0, 5).show();
$(".show-all").on("click", function()
  $("tbody > tr", $(this).prev()).show();
  $(this).hide();
});