显示所有对象时隐藏加载更多btn

Question

我在这里有点挣扎。 我使用jquery加载更多内容，并想检查是否显示了所有带有.employee类的div，如果是，则隐藏加载更多按钮。我永远不知道有多少物品。所以我的HTML看起来像这样。 （每位员工重复一次）。

<div class="employee">
<p> </p>
</div>

我的javascript

$(function () {
  $(".employee").slice(0, 4).show();
  $("#loadMore").on('click', function (e) {
      e.preventDefault();
      $(".employee:hidden").slice(0, 4).slideDown();
      if ($(".employee:hidden").length == 0) {
          $("#load").fadeOut('slow');
      }
      $('html,body').animate({
        scrollTop: $(this).offset().top
      }, 1500);
  });
});

Answer 1

如果没有隐藏的.employee对象，您可以隐藏按钮，如下所示：

  ...
  if ($(".employee:hidden").length == 0) {
    $("#load").fadeOut('slow');
    $("#loadMore").hide();  //ADD THIS
  }
  ...