.slideUp() / .slideDown() / .slideToggle()
method
Animate height changes to show or hide elements with a sliding motion.
Syntax
$(selector).slideDown(duration) .slideUp(duration)
Example
javascript
// Accordion-style toggle
$('.accordion-header').click(function() {
$(this).next('.accordion-body').slideToggle(300);
});
// Show panel
$('#filterPanel').slideDown(200);
// Hide with callback
$('#sidebar').slideUp(400, function() {
$('#main').css('width', '100%');
});