将容器添加到重力表单部分，而不是"页面"，而不是"节"分隔符

Question

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

如何在一组重力表单字段周围放置一些可引用的元素，以便我可以将它们定位为在块中显示/隐藏。

内置的"页面"功能实际上重新加载了Wordpress页面以显示第二组字段。我的设计师坚持这种形式是光滑的，一页的，褪色和酸涩的外观。

干杯本

Answer 1

你可以使用 jQuery 定位 li 的 Gravity Forms 创建并隐藏它们。然后单击按钮，您可以再次显示它们。 没有动画，只是隐藏/显示。 如果需要，您可以添加一些动画，例如淡入。

显然，您需要更改#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>

我相信您知道将此代码放在主题文件中的哪个位置，但如果没有，请将其包含在页眉中的结束</head>标签之前.php或页脚.php的结束</body>标签之前。