With regard to basic sliding techniques, the typical methods used are slideDown(), slideUp(), and slideToggle().

Syntax

HTML Example

We will use the following HTML for the examples listed below.

Example

In the following example, we will use the click event to trigger the slideDown(), slideUp(), and slideToggle() methods on the div element adjacent to the images. You will also notice that we modify the source attribute of img3 when the div element is either in a show or hidden state.