jQuery EffectsLesson 9Free preview

jQuery Slide

This lesson is part of jQuery · All levels

Summary

The slide effect shifts the height of the element up or down to make it look like closing or opening the panel. The three main methods are slideUp(), slideDown(), and slideToggle(). This effect is perfect for the accordion menu and the folding content section.

Key points

Close the element by sliding it upwards
Open the element by sliding it down
Exchange closed and open conditions
The effect of the slide works on the high property of the element
Duration and callback can be given as on other effects

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.