Delay the reveal of the WooCommerce - Gravity Forms Product Add-Ons form until clicked

gistfile1.php

/*
 * Delays the display of the associated Gravity Form until the visitor has clicked an "Add to cart"-style button
 * Requires WooCommerce and WooCommerce - Gravity Forms Product Add-Ons plugins
 */
 
add_action( 'wp_footer', 'gowp_woocommerce_gravityforms_reveal_delay' );
function gowp_woocommerce_gravityforms_reveal_delay() {
	if ( class_exists( 'WooCommerce' ) && class_exists( 'woocommerce_gravityforms' ) && is_product() ) {
		?>
		<script type="text/javascript">
			var gravityForm = jQuery( '.cart > .gform_wrapper:not(:has(.gform_validation_error))' );
			console.log( gravityForm );
			if ( gravityForm.length > 0 ) {
				var addToCart = jQuery( '.cart .single_add_to_cart_button' );
				var selectOptions = addToCart.clone();
				gravityForm.hide();
				addToCart.hide();
				selectOptions.html( 'Select Options' );
				selectOptions.attr( {
					class: 'alt button',
					id: 'options_display_button'
				} );
				selectOptions.insertAfter( addToCart );
				selectOptions.click( function() {
					gravityForm.slideDown();
					addToCart.show();
					selectOptions.hide();
					return false;
				} );
			}
		</script>
		<?php
	}
}

This is just a working example. In practice, the JS here should probably be queued correctly with a jquery dependency. Also, the JS itself can be optimized.