jQuery SlideUp() SlideDown() Animation Methods

After discussing about show, hide and toggle function we will be discussing about next few very simple methods used for animating text or object on a webpage are slideUp, slideDown and slideToggle.

ShowCode/HideCode

$(document).ready(function(){
$("#btnSlideUp").click(function(){
$("#SlideDiv").slideUp(3000);
});
$("#btnSlideDown").click(function(){
$("#SlideDiv").slideDown(3000);
});
$("#btnSlideToggle").click(function(){
$("#SlideDiv").slideToggle(3000);
});