jquery - WPBakery 使用图像库切换拉伸(stretch)行和行

Question

我在我的 Wordpress 主题中使用 WPBarkery，我有 2 行，一个是拉伸(stretch)行，另一个是默认行，但其中包含元素 Image Gallery。

我想做的是为这些行应用两个单独的切换，我让切换像这样工作:

$('.architectural-films').bind('click', function(){
        $('.section1').toggle();
        return false;
});

$('.windows-walls-floors').bind('click', function(){
        $('.section2').toggle();
        return false;
});

然而，当我最初像这样隐藏这些元素时:

.section1 {
    display: none;
}

.section2 {
    display: none;
}

问题是当我切换它们时，我的拉伸(stretch)行和图片库被弄乱了。图片库仅显示一张图像而不是所有图像，拉伸(stretch)行不是全宽，拉伸(stretch)行中的所有内容都被拉到左侧。这很奇怪，有人知道如何解决这个问题吗？

Answer 1

我能够解决不显示无、高度 0px 和溢出隐藏的问题

.vc_section {
    height: 0px;
    overflow: hidden;
}

.section1.show {
    height: auto;
    overflow: visible;
}

和 jQuery

$('.architectural-films').bind('click', function(){
            if ($(".section1").hasClass("show")) {
                $('.section1').removeClass('show');
            }
            else
            {
                $('.section1').addClass('show');
            }
            return false;
        });

适用于拉伸(stretch)行和图片库