如何在显示列表项时隐藏div

Question

这个脚本需要一些帮助:我正在使用这个脚本加载更多的li项(公文包图像)，当所有li项都显示时，我不知道如何将#loadMore div转换为.hide。假设总共有8个列表项。

请帮我解决这个问题！

$(document).ready(function () {
    size_li = $("#myList li").size();
    x=4;
    $('#myList li:lt('+x+')').fadeIn();
    $('#loadMore').click(function () {
        x= (x+2 <= size_li) ? x+2 : size_li;
        $('#myList li:lt('+x+')').fadeIn();
    });
    $('#showLess').click(function () {
        x=(x-3<0) ? 3 : x-3;
        $('#myList li').not(':lt('+x+')').hide();
    });

});

Answer 1

尝试添加以下代码：

if($("#myList li:visible").length == $("#myList li").length){
  $('#loadMore').hide();
}

或者这样：

if($("#myList li").filter(":visible").length == $("#myList li").length){
  $('#loadMore').hide();
}

Answer 2

像这样试一下

if($("#myList li:visible").length == $("#myList li").length){
  $('#loadMore').hide();
}