すべてのオブジェクトが表示されていると、より多くのbtnを読み込みません。

Question

私はここで苦労しています。 jqueryを使用してコンテンツをさらに読み込み、.employeeクラスのすべてのdivが表示されているかどうかを確認したい場合は、さらに読み込みボタンを非表示にします。そこに何物があるのか​​私は決して知らないだろう。だから私のHTMLはこのように見えます。 （従業員一人につき1回繰り返す）。次のようにこれ以上隠し.employeeオブジェクトがあるときは、ボタンを非表示にすることができ

$(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

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

そして、私のjavascript：

​​