2012-12-05 18 views
1

我正在寻找一种方式来有一个重力表单的页面上,而是把它分解成多个部分,然后显示与jQuery /隐藏部分。我很高兴显示和隐藏部分,但我需要以下方面的帮助:添加容器重力窗体部分,而不是“页面”,而不是“部分”打破

如何在一组重力表单域中放置一些引用能元素,以便我可以将它们定位到显示/隐藏以块为单位。

内置的“页”功能实际上重新加载页面的WordPress显示第二组字段。我的设计师坚持认为,这种形式应该是平滑的,单页式,褪色和结实的外观。

干杯, 本

+0

将隐藏的元素显示基于选择或来自同一形式的前一个元素的输入?或者它是否会触发表现隐藏元素的触发器? – AndyWarren

+0

嗨安迪,我想使用窗体外的按钮,并且条目/选择不会有效果。 –

+0

如果您使用外部元素来触发显示效果,jQuery可能会成为路由。如果您在表单中使用元素,则可以使用内置在条件特征中的Gravity Forms。请参阅下面的答案。 – AndyWarren

回答

1

您可以针对李娜的重力形式将创建使用jQuery和隐藏起来。然后点击按钮,您可以再次显示它们。这里没有动画,只是隐藏/显示。如果你愿意,你可以添加一些像淡入淡出的动画。

很明显,您需要更改#field_1_1#field_1_2以匹配要隐藏/显示的li上的ID以及click功能的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>标签之前或右侧前footer.php收盘</body>标签。

相关问题