Jquery Slide Effects - Tutorial - Writer's Voice jquery tutorial silde effects

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 –

Table of Contents

jQuery slideDown()

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

SYNTAX-

$(selector).slideDown(speed);  
$(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

OUTPUT–

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

OUTPUT–

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

Jquery Slide Effects – Tutorial