jquery: filter 过滤显示

显示第一个，其他隐藏：

$('.newhouse-content').delegate('.activity-more', 'click', function () { //.activity-more多个，不使用each->click实现
        let $listItem = $(this).parent().find('.activity-item');
        if ($(this).hasClass('show-more')) {
            $(this).removeClass('show-more');
            $(this).html(`
            <i class="iconfont">&#xe687;</i>
            <span>更多活动</span>`);
            $listItem.filter(':first').show();
            $listItem.filter(':gt(0)').hide();
        } else {
            $(this).addClass('show-more');
            $(this).html(`
            <i class="iconfont">&#xe686;</i>
            <span>收起更多</span>`);
            $listItem.show();
        }
    });

<div class="activity">
                                <div class="activity-list">
                                    <p class="activity-item">
                                        <i class="icon-coupon"></i>
                                        <span class="tip-color">特价优惠20万 仅一套</span>
                                    </p>
                                    <p class="activity-item hide">
                                        <i class="icon-join"></i>
                                        <span class="tip-color">已超过15人报名团购</span>
                                    </p>
                                </div>
                                <div class="activity-more">
                                    <i class="iconfont">&#xe687;</i>
                                    <span>更多活动</span>
                                </div>
                            </div>