1

ページに1つの重力フォームを配置する方法を探していますが、それをセクションに分割してから、jQueryでセクションを表示/非表示にします。セクションの表示と非表示には満足していますが、次の点についてサポートが必要です。

Gravityフォームフィールドのグループの周りに参照可能な要素を配置して、それらをブロックで表示/非表示にするようにするにはどうすればよいですか?

組み込みの「ページ」機能は、Wordpress ページを実際にリロードして、2 番目のフィールド セットを表示します。私のデザイナーは、このフォームが滑らかで、1 ページで、色あせて、酸っぱい外観であると主張しました。

乾杯、ベン

4

1 に答える 1

1

jQuery を使用して li の Gravity Forms 作成をターゲットにして非表示にすることができます。その後、ボタンをクリックすると、それらを再度表示できます。これにはアニメーションはありません。非表示/表示だけです。必要に応じて、フェードインなどのアニメーションを追加できます。

明らかに、非表示/表示したいliのIDとクリック機能のIDを一致させるために#field_1_1andを変更する必要があります。#field_1_2カンマで区切るだけで、必要なだけそこに入れることができます。

これは、迅速かつ簡単な修正です。これがうまくいくかどうか教えてください。

<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>header.php の終了タグの直前、または</body>footer.php の終了タグの直前に含めてください。

于 2012-12-05T14:56:08.023 に答える