Question

我正在寻找一种方法在页面上有一个Gravity Form，但是将它分成几个部分，然后使用jQuery显示/隐藏部分。我对显示和隐藏部分感到满意，但我需要以下方面的帮助：

如何在一组Gravity表单字段周围放置一些可引用的元素，以便我可以将它们作为目标显示/隐藏。

内置的“页面”功能实际上会重新加载Wordpress页面以显示第二组字段。我的设计师坚持认为这种形式是流畅的，单页，褪色和t t的。

干杯，本

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>

我确定您知道将此代码放在主题文件中的位置，但如果没有，请将其包含在header.php中的结束</head>标记之前或结束</body>标记之前在footer.php。

将容器添加到Gravity Forms部分，而不是'pages'，而不是'section'中断

1 个答案: