Question

我在Wordpress主题中使用WPBarkery，我有2行，一个是拉伸行，另一个是默认行，但其中包含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;
}

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

Answer 1

我能够解决此问题，并且不显示任何内容，高度0像素和隐藏的溢出内容

.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;
        });

非常适合拉伸行和图片库

WPBakery在图片库中切换拉伸行

1 个答案: