Jquery “加载更多”按钮应消失

我使用一些代码来显示加载更多按钮的内容。一切正常。但造成问题的唯一原因是，在加载所有内容时，仍会显示“加载更多”按钮。我的问题是加载更多按钮应该在所有内容加载后消失

加载更多按钮的html代码：

<div id="loadMore"  class="g-btn type_primary size_big ldm" style="cursor:pointer;  display:none; width: 307px; margin: auto; font-size: 26px;  padding: 10px 0px; ">Load more Content</div>

加载更多内容

加载更多信息的Jquery代码：

$(document).ready(function () {

    size_li = $("#myList li").size();
    x=10;
    $('#myList li:lt('+x+')').show();
    $('#loadMore').click(function () {
        x= (x+10 <= size_li) ? x+10 : size_li;
        $('#myList li:lt('+x+')').show();
    });
    $('#showLess').click(function () {
        x=(x-5<0) ? 3 : x-5;
        $('#myList li').not(':lt('+x+')').hide();
    });

    if($('#myList li').length > 10) {
  //  $('#loadMore').show();
  $("#loadMore").css({"display":"block",

    });

}

    else {
   // $('#loadMore').hide();
   $("#loadMore").css({"display":"none",

    });
}
});

$（文档）.ready（函数（）{
size#li=$（“#myList li”）.size（）；
x=10；
$（'#myList li:lt（'+x+'））.show（）；
$（“#加载更多”）。单击（函数（）{
x=（x+10您在
$（“#loadMore”）.css（{“display”：“none”，}）
。在
无后删除
，

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

    if ($('#myList li').length > 10) {
        //  $('#loadMore').show();
        $("#loadMore").css("display", "block");

    } else {
        // $('#loadMore').hide();
        $("#loadMore").css("display", "none");
    }
});


根据要求进行编辑

var count = 5;
$('#myList li:lt(' + count + ')').show();
$('#showLess').hide();
$('#loadMore').click(function () {
    $('#showLess').show();
    count = $('#myList li:visible').length;
    $('#myList li:lt(' + (count + 5) + ')').show();
    if (count + 5 >= $('#myList li').length) {
        $(this).hide();
    }
});
$('#showLess').click(function () {
    $('#loadMore').show();
    count = $('#myList li:visible').length;
    $('#myList li:gt(' + (count - 5) + ')').hide();
    if ((count - 5) <= 5) {
        $(this).hide();
    }
});

var计数=5；
$（'#myList li:lt（'+count+'））.show（）；
$（'#showLess'）.hide（）；
$（“#加载更多”）。单击（函数（）{
$（'#showLess'）.show（）；
计数=$（'#myList li:visible'）。长度；
$（'#myList li:lt（+（count+5）+'）。show（）；
如果（计数+5>=$（'#myList li'）。长度）{
$（this.hide（）；
}
});
$（“#无显示”）。单击（函数（）{
$（'#loadMore'）.show（）；
计数=$（'#myList li:visible'）。长度；
$（'#myList li:gt（'+（count-5）+'））.hide（）；
如果（（count-5）fiddle会更有用，请根据此fiddle查询提供解决方案。当所有十项都加载后，more仍然显示。我希望加载more应该在所有内容加载后消失。我认为{$（'#myList li'）.length}是否计算项目总数而不是显示了多少项目，是否有方法计算显示了多少项目，然后对其应用条件。可能是！先生，在前10个项目后加载更多项目消失..其余项目呢？否…列表中有25个项目，仅在显示10个项目后加载更多项目消失。这不是问题所在解决方案。让我们再问一个问题，如果有两个项目怎么办！哈哈哈哈哈…只是开玩笑…虽然在最后一次关于专业的评论之后，我并不期待你的回答。但是你真的是一个谦逊的人。再次感谢。
var count = 5;
$('#myList li:lt(' + count + ')').show();
$('#showLess').hide();
$('#loadMore').click(function () {
    $('#showLess').show();
    count = $('#myList li:visible').length;
    $('#myList li:lt(' + (count + 5) + ')').show();
    if (count + 5 >= $('#myList li').length) {
        $(this).hide();
    }
});
$('#showLess').click(function () {
    $('#loadMore').show();
    count = $('#myList li:visible').length;
    $('#myList li:gt(' + (count - 5) + ')').hide();
    if ((count - 5) <= 5) {
        $(this).hide();
    }
});