O'Reilly logo

jQuery UI 1.10: The User Interface Library for jQuery by Dan Wellman, Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Implementing the sliding effect

The remaining effects of the jQuery UI library all work by showing and hiding elements in different ways, rather than using opacity like most of the effects we have already looked at.

The slide effect is no exception and shows (or hides) an element by sliding it into (or out of) view. It is similar to the drop effect that we just looked at. The main difference is that it does not use opacity.

The slide effect contains the following configuration options:

Option

Default value

Use

direction

"left"

Sets the direction of the slide

distance

The outer width or height of the element (depending on the direction)

Sets the distance the element slides

easing

none

Sets the easing function used during the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required