显示和添加有限数量的 div - 图库 / Jquery

问：

我需要一些帮助。我有一个图片库，用 jquery 和 wordpress 制作（所以我无法更改 HTML 结构）。

所以，我希望我的画廊在移动设备上显示 6 张图片。这是有效的，这部分是可以的。

但！（总是有但是），我希望每次单击“显示更多”链接时，只有 8 张（或 6 张，或 10 张，无论如何，但不是所有图片）可见。

实际上，使用我的代码，例如，如果我想要 8 张图片，则只加载 2 张图片：

·/实际上：点击链接 = 6 第一个 + 2 个加载。

·/我想要的：点击链接 = 6 个前 + 8 个加载更多（每次我点击）。

你可以帮我吗？

HTML 结构 ：

<div class="et_pb_gallery_items">
      <div class="et_pb_gallery_item et_pb_gallery_item_0_0"><div>
      <div class="et_pb_gallery_item et_pb_gallery_item_0_1"><div>
      <div class="et_pb_gallery_item et_pb_gallery_item_0_2"><div>
      <& bis repetitae></bis repetitas>
</div> 

JS代码：

部分正常

 var itemsGalerie = $('.pageInt-galerie').find('.galerie-mod').find(".et_pb_grid_item");

    if ($("body").width() <= 413) {
        $(itemsGalerie).addClass("hide");
        var slide = $(itemsGalerie).slice(0, 6).addClass("show");
    }

部件不正常 / Cta 图库

$(".ctaGallery").on('click', function(e) {
        e.preventDefault();
        if ($("body").width() <= 413) {
           $(itemsGalerie).slice(0, 8).slideDown("slow").addClass("show");
        } 

    });

谢谢你，祝你有美好的一天

劳 拉