Jquery slide animation for validation
<p>I'm trying to slidedown a div on focus of input field for validation.
I wanted to achieve animation something like <a href="https://mailchimp.com/signup/" rel="nofollow">https://mailchimp.com/signup/</a></p>

<p>Fiddle : <a href="http://jsfiddle.net/6A9Qa/" rel="nofollow">http://jsfiddle.net/6A9Qa/</a></p>

<pre><code>$('#name').on('focus',function() {
   $(this).next().show().animate({height: '25px'}, {duration: 250});

});

$('#name').on('blur',function() {
    $(this).next().hide().animate({height: '0'}, {duration: 250}); 
});
</code></pre>

<p>I'm not able to get animation in proper way like mail chimp.</p>
