How to add a Jquery slideDown effect to contact form errors?

[asiek]

Right now when I attempt to send a blank form the whole page refreshes before displaying the error messages.
I’d like to add a slide down effect to these errors and somehow stop the page from refreshing…
I tried to use this:

$(document).ready(function(){

$('.error').hover(function(){

$('span', this).slideUp(0).stop(true, true).slideDown(500);

},

function(){

$('.error', this).css("display", "block").stop(true, true).delay(100).slideUp(500);

});

});

But of course it doesn’t work for me…
Can someone please help me fix this?

Here is my full contact.php page template//
[http://pastebin.com/FuzQCyr9](http://pastebin.com/FuzQCyr9 “http://pastebin.com/FuzQCyr9”)

and the jQuery//
[http://pastebin.com/ELm5Tzri](http://pastebin.com/ELm5Tzri “http://pastebin.com/ELm5Tzri”)

[chrisburton]

Are you using jQuery UI?

Link to the site where the contact form can be found?

[asiek]

@chrisburton It’s a test site so I am unable to post the link :/

@JamesMD I’m new to all of this so I have no idea what to do :/
The errors pop up when the form is not submitted correctly………

[Author]

Posts