.slideUp()

slideUp causes the concerned element to hide with an up sliding motion. In other words, it give a folding effect to the element.Like other effects , it can have three optional arguments for duration, easing and callback. The callback is actually another function, which we wanna call once, the animation of sliding up is over.

.slideDown()

Opposite to the slideUp method defined above, it slides down to show the element back on the page.

.slideToggle()

Like always, we have a toggle effect here also. It toggles the present state of the element.

Slide in all

Toggle all

Slide up simply
Slide up in 3 seconds
I am in hurry
I will shout
Slide up all
Slide up one by one from top








Slide in all
Toggle all

About the code, its the same as the previous one on this page. Only hide() has been replaced by slideUp() and show by slideDown(), toggle by slideToggle

After these sliding animation effects, lets move to the most amazing jquery effects.

Login to comment

<<< Wanna review

Continue >>>