jQuery Stop .blur() event when clicking “submit” button

Question

I am building a small landing page with a simple demo e-mail signup form. I want to have the form field open up when focused, and then shrink back down on blur.

However

Answer 1

I know this question is old but the simplest way to do it would be to check event.relatedTarget. The first part of the if statement is to prevent throwing an error if relatedTarget is null (the IF will short circuit because null is equivalent to false and the browser knows that it doesn't have to check the second condition if the first condition is false in an && statement).

So:

if(event.relatedTarget && event.relatedTarget.type!="submit"){
     //do your animation 
}