javascript - 如何在博客上添加 "load more"按钮？

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>