How to use Jquery for sliding effect

Question

I am new to javascript and jquery. I have written some javascript code for some client validation.

document.getElementById(spnError).style.display = 'block';

This is how I am showing a span if there is some validation issues in the form. I want to use Jquery to show this span. I would like to slide it down slowly.

Answer 1

slideDown()

$('#spnError').slideDown('slow');

Answer 2

Replace milliseconds with how long you want it to take

$("#spnError").slideDown(milliseconds);

There are also three built in values

$("#spnError").slideDown("slow");
$("#spnError").slideDown(); //default speed
$("#spnError").slideDown("fast");

Answer 3

Since you're using a variable for the ID, you need the #ID selector and .slideDown(), like this:

$('#' + spnError).slideDown('slow');

without the # if spnError is say "mySpanElement", it's looking for that tag name, <mySpanElement>...to search by ID prepend a # to it :)

You can read more about jQuery selectors here and view a complete list here.