Coding Notes

In use at Tatkin intro and adv series pages:
HTML:

  1. <p style="text-align: center;"><strong><a id="joinhandle" style="font-size:120%;">Sign Up</a></strong> for our newsletter and join the PACT community.</p>
  2. <div id="joinbox" class="news-signup-zone news-signup-zone-center ">
  3.    [gravityforms id="21" ajax="true" tabindex=32]
  4. </div>
<p style="text-align: center;"><strong><a id="joinhandle" style="font-size:120%;">Sign Up</a></strong> for our newsletter and join the PACT community.</p>
<div id="joinbox" class="news-signup-zone news-signup-zone-center ">
   [gravityforms id="21" ajax="true" tabindex=32]
</div>

js:

  1. // home page email form slider
  2. jQuery('#joinhandle').click(function() {
  3.     //console.log("mooooo");
  4.         jQuery('#joinbox').slideToggle( function() {
  5.             setTimeout(function() {tatkin_set_column_heights()},1000);
  6.           });
  7.     });
  8. });
// home page email form slider
jQuery('#joinhandle').click(function() {
    //console.log("mooooo");
        jQuery('#joinbox').slideToggle( function() {
            setTimeout(function() {tatkin_set_column_heights()},1000);
          });
    });
});

Use the “Gravity Forms: Multiple Form Instances” plugin if the hidden form also appears elsewhere on the page (ex: new signup in header).

This is the footer content.