- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › How to add a Jquery slideDown effect to contact form errors?
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”)
Are you using jQuery UI?
Link to the site where the contact form can be found?
@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………