在jQuery中删除切片增量

Question

我有一个列表，每个列表元素都具有类.card-deck我使用jQuery函数切片仅显示了我列表中的6，直到用户单击按钮时加载更多<button class="show-more w-100">Load more</button>才有效，每次单击又增加3即时通讯是什么，所以它起作用了。

我还需要一个将3减1的按钮，我试图将我的+3更改为-3，但这是行不通的。

是否有一种方法可以修改我的代码以使其正常工作？同样由于某种原因，我需要单击按钮两次才能使其在第一次单击时起作用。是否可以在第一次单击时使它起作用？

我的代码

if ($('.card-deck').length > 6) {
    $('.card-deck').hide();
    $('.card-deck').slice(0,6).show();
}
let clicks = +3;
$('.show-more').on('click', function() {
    clicks = clicks+3;
    $('.card-deck').slice(0,clicks).fadeIn();
});

$('.show-less').on('click', function() {
    clicks = clicks-3;
    $('.card-deck').slice(0,clicks).fadeIn();
});

Answer 1

您需要隐藏显示的内容。