Question

我想在博客页面上添加一个“加载更多”按钮。我找到this exemple。但我不知道将每个部分的代码放在博客上（HTML / CSS / JavaScript），特别是这个jQuery代码的一部分。

$(function(){
    $("div").slice(0, 10).show(); // select the first ten
    $("#load").click(function(e){ // click event for load more
        e.preventDefault();
        $("div:hidden").slice(0, 10).show(); // select next 10 hidden divs and show them
        if($("div:hidden").length == 0){ // check if any hidden divs still exist
            alert("No more divs"); // alert if there are none left
        }
    });
});

Answer 1

我找到了一个解决方案，这个代码就是我想要的

    <div>content content content content content content content content content content content content content content content.<a href="javascript:void(0);" onclick="jQuery('.show-more-toggle').toggle();" class="show-more-toggle v5-dark-link">show more</a><span class="show-more-toggle" style="display: none">more more more more more more more more more more more more more more more more more </span></div>

如何在博客上添加“加载更多”按钮？

1 个答案: