Question

脚本运行正常！但我需要在加载所有内容后将按钮名称和功能从“加载更多”更改为“显示更少”。

stackoverflow答案在这里： Load more button should disappear 但这个答案中没有淡出动画。

使用过的代码：https://codepen.io/vishnuprasad/pen/oBzqpd

$(function () {
    $("div").slice(0, 4).show();
    $("#loadMore").on('click', function (e) {
        e.preventDefault();
        $("div:hidden").slice(0, 4).slideDown();
        if ($("div:hidden").length == 0) {
            $("#load").fadeOut('slow');
        }

    });
});

Answer 1

使用id。

在标签标签中写入更多内容

<label id="lblLoad">Load More</label>

添加你的功能

$('#lblLoad').html("Show Less");

使用

更改您的ID

$("#loadMore").attr("id", "loadLess");

现在编写一个新功能，点击id #load less。

这是Fiddle。我在这里触发了警报，但你可以做任何你想做的事情。希望它有所帮助。

需要更改“加载更多”按钮名称＆amp;加载所有内容后，“显示更少”功能

1 个答案: