jQuery UI is the official user interface library for jQuery and adds a suite of interactive widgets such as tabs and accordions, a series of interaction helpers such as drag and drop, and a comprehensive set of effects that extend those provided natively by jQuery.
Over the course of this chapter, we'll be looking at the additional effects added by jQuery UI. Topics we'll cover include:
Obtaining and setting up jQuery UI
The new effects added by jQuery UI
Using the
effect()
methodExtending the
show()
,hide()
, andtoggle()
methodsUsing easing with jQuery UI
Animating an element's color
Animated class transitions
jQuery UI adds several new animation methods, as well as modifying several jQuery methods. The methods that we'll be looking at in this chapter are:
animate()
addClass()
effect()
hide()
switchClass()
show()
toggle()