Skip to content

Instantly share code, notes, and snippets.

@mistermark
Last active December 11, 2015 10:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mistermark/4585400 to your computer and use it in GitHub Desktop.
Save mistermark/4585400 to your computer and use it in GitHub Desktop.
MailChimp Newsletter Subscribe form input fields, show the List options. Hide Labels on keyup etc.
function hey_MCE_Fields() {
var form = jQuery('#mc_signup_form'),
inputEmail = jQuery('#mc_mv_EMAIL', form),
inputFields = jQuery('.mc_input', form);
inputFields.on({
keyup: function(e, i){
var self = this;
var v = jQuery(self).val();
jQuery(self).parent().siblings('div.mc_interests_header, div.mc_interest, div.mc_signup_submit').fadeIn(300);
if(v) {
jQuery(self).prev('label').fadeOut(30);
jQuery(self).parent().addClass('has-value');
} else {
jQuery(self).prev('label').fadeIn(30);
jQuery(self).parent().removeClass('has-value');
}
},
blur: function(e, i) {
var self = this,
v = jQuery(self).val();
if(!v) {
jQuery(self).prev('label').fadeIn(30);
}
}
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment