Wordpress 将容器添加到重力表单部分，而不是'；页码'；，不是'；第'节；打破

我正在寻找一种方法，在一个页面上有一个重力表单，但将其分解为多个部分，然后使用jQuery显示/隐藏部分。我对节的显示和隐藏很满意，但我需要以下方面的帮助：

如何在一组重力表单字段周围放置一些可引用的元素，以便以块的形式显示/隐藏它们

内置的“页面”功能实际上会重新加载Wordpress页面以显示第二组字段。我认为我的设计师坚持这种形式是平滑的，一页，法迪和鞑靼的外观

干杯，

---

Ben

您可以使用jQuery将li创建的重力表单作为目标并隐藏它们。然后单击按钮，您可以再次显示它们。这没有动画，只是隐藏/显示。如果需要，可以添加一些动画，如淡入

显然，您需要更改

#field_1_1

和

#field_1_2

以匹配要隐藏/显示的li上的ID以及单击功能的ID。你想放多少就放多少，只要用逗号隔开就行了

这对您来说是一个快速而简单的解决方案。让我知道这是否有效

<script type="text/javascript">
    jQuery(document).ready(function() {

        jQuery('#field_1_1, #field_1_2').hide();

        jQuery('#idOfClickElement').click(function() {
            jQuery('#field_1_1, #field_1_2').show();
        });

    });
</script>

jQuery（文档）.ready（函数（）{
jQuery（'#field_1_1，#field_1_2'）.hide（）；
jQuery（'#idOfClickElement'）。单击（函数（）{
jQuery（'#field_1_1，#field_1_2'）.show（）；
});
});

---

我确信您知道将此代码放在主题文件的何处，但如果不知道，请在header.php中的closing

标记之前或footer.php中的closing

标记之前包含它。

您可以使用jQuery将li创建的重力表单作为目标并隐藏它们。然后单击按钮，您可以再次显示它们。这没有动画，只是隐藏/显示。如果需要，可以添加一些动画，如淡入

显然，您需要更改

#field_1_1

和

#field_1_2

以匹配要隐藏/显示的li上的ID以及单击功能的ID。你想放多少就放多少，只要用逗号隔开就行了

这对您来说是一个快速而简单的解决方案。让我知道这是否有效

<script type="text/javascript">
    jQuery(document).ready(function() {

        jQuery('#field_1_1, #field_1_2').hide();

        jQuery('#idOfClickElement').click(function() {
            jQuery('#field_1_1, #field_1_2').show();
        });

    });
</script>

jQuery（文档）.ready（函数（）{
jQuery（'#field_1_1，#field_1_2'）.hide（）；
jQuery（'#idOfClickElement'）。单击（函数（）{
jQuery（'#field_1_1，#field_1_2'）.show（）；
});
});

---

我确信您知道将此代码放在主题文件的何处，但如果不知道，请在header.php中的closing

标记之前或footer.php中的closing

标记之前包含此代码。

隐藏的元素是否会基于相同表单中先前元素的选择或输入显示？或者是表单外部的触发器将显示隐藏的元素？嗨，Andy，我想在表单外部使用按钮，而条目/选择将不会产生效果。如果您使用外部元素来触发显示效果，jQuery很可能就是路线。如果在表单中使用元素，则可以使用重力表单内置的条件功能。请参阅下面我的答案。隐藏的元素是否会基于相同形式的前一个元素的选择或输入显示？或者是表单外部的触发器将显示隐藏的元素？嗨，Andy，我想在表单外部使用按钮，而条目/选择将不会产生效果。如果您使用外部元素来触发显示效果，jQuery很可能就是路线。如果在表单中使用元素，则可以使用重力表单内置的条件功能。见下面我的答案。