Jquery 如何一次加载多个div

我有5个div和一个loadmore按钮，它一次显示一个隐藏的div。显示最后一个div后，显示按钮将被禁用

如何一次显示两个div而不是一个div

<p><a href="#" id="load-more">Load More</a></p>

<div class="group active" id="group1">
Initially display
</div>

<div class="group" id="group2">
1 Hide until you click load more
</div>

<div class="group" id="group3">
2 Hide until you click load more
</div>

<div class="group" id="group4">
3 Hide until you click load more
</div>

<div class="group" id="group5">
4 Hide until you click load more
</div>

$("#load-more").click(function() {
  // show the next hidden div.group, then disable load more once all divs have been displayed
});

---

演示：只需添加

var$hidden1=$group.filter（':hidden:first'）.addClass（'active'）如下所示，它将工作：）

这也会对你有用

var $group = $('.group');

    $("#load-more").click(function() {

        if ($(this).hasClass('disable')) return false;

        var getNextTwo = $('.active').last().nextAll().slice(0, 2).addClass('active');
        if($('.group').is(':hidden') === false) {
            $(this).addClass('disable');
        }
    });

var $group = $('.group');

    $("#load-more").click(function() {

        if ($(this).hasClass('disable')) return false;

        var $hidden = $group.filter(':hidden:first').addClass('active');
        var $hidden1 = $group.filter(':hidden:first').addClass('active');

        if (!$hidden.next('.group').length) {
            $(this).addClass('disable');
            $(this).next().addClass('disable');
        }
    });

var $group = $('.group');

    $("#load-more").click(function() {

        if ($(this).hasClass('disable')) return false;

        var getNextTwo = $('.active').last().nextAll().slice(0, 2).addClass('active');
        if($('.group').is(':hidden') === false) {
            $(this).addClass('disable');
        }
    });