Jquery Slide Effects – Tutorial

Hello guys, welcome again to wearewriter.com.Today I am going to discuss with you the JQUERY SLIDE EFFECTS. In previous articles we have discussed about the  JQUERY FADE EFFECTS you can read out the article.

Here we will learn about jquery slide effects by me jquery tutorial and you can also visit the official website of jquery.com.

let’s Discuss the all slide effects –

jQuery slideDown()

jQuery slideDown() method is used to slide down an element.


$(selector).slideDown(speed, callback);   
$(selector).slideDown(speed, easing, callback);  

Speed- It specifies the speed . Its show the vales are slow, fast and milliseconds.

Callback- it is also an optional parameterIt specifies the function to be called after completion of slideDown() effect.

Easing- This easing function specified the trasition.

EXAMPLE-: jquery slideDown() Effect


jQuery slideUp()

Above we have discussed the syntax and there function like speed ,callback and easing .

so here we will discuss the jquery slideUp () effect

EXAMPLE-: jquery slidEUp() Effect


jQuery slideToggle()

Again i tell you guys we will discuss the syntax above so here we will disuss the jquery slideToggle() effect

EXAMPLE-: jQuery slideToggle()

OUTPUT-jQuery slideToggle() Means when you click in the toggle button so the div will be open and close that is the toggle effect

Thanks for reading my article I hope it will be helpfull to you.

if you like my article so share with your friends,

if you have any dought regarding slide effect comment your query and ask freely

Leave a Comment

Show Buttons
Hide Buttons