Javascript JQuery Load More按钮不显示它打算显示的内容

我使用tabletop.js将电子表格中的内容拉到我的网页上，然后尝试使用jQuery隐藏部分内容以改善用户体验。 但是，“加载更多”按钮并没有显示我首先需要显示的预期内容。它隐藏了一切

这是我的密码。请看一看

---

首先，请注意，您尚未关闭正确的，它应该是不正确的

其次，您可以添加$.cnt text:not:hidden.slideUp.remove；。这应该会隐藏你已经看到的东西

演示

var公共电子表格URL= https://docs.google.com/spreadsheets/d/16m_ntyTklbsyT3OHprGdLa4nu_o4vYK3Ys4COXwpFrc/pubhtml; 函数初始化{ Tabletop.init{ 关键字：publicSpreadsheetUrl， 回拨：showInfo， simpleSheet：对 }; } window.addEventListenerDomainContentLoaded，init； 功能showInfodata，桌面{ 控制台日志数据； 对于变量i=0；i谢谢你的回答

我自己想出了一些办法

---

在CSS中，我刚刚使用：nth childn+6来显示前五个结果

因为你有两个点。。在$…cnt text:hidden中，删除其中的一个，它就会工作，下次请查看您的控制台日志。很抱歉，这是一个错误。我想要的代码没有两个点。当页面完全加载时，它仍然不加载任何内容。我的意图是只显示5个内容，然后用户将单击“加载更多”来显示另一个5个内容，以此类推。好吧，它在你的小提琴中工作得很好，你必须查看控制台日志，看看你发现了什么错误get@CarstenLøvboAndersen我知道它可以工作，但我的意图是最初显示5个内容，然后在单击loadMore时再加载5个内容。没有。一开始它什么也不显示，然后单击loadMore时显示5。我需要它先显示5，然后隐藏其余的。此外，没有控制台错误

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