O'Reilly logo

jQuery UI 1.8 The User Interface Library for jQuery by Dan Wellman

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

Sliding elements open or closed

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

Used to…

direction

"left"

Set the direction of the slide.

distance

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

Set the distance the element slides.

easing

none

Set the easing function used ...

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