We saw that even the simplest of components, such as slider, can be helpful in creating nice effects when used creatively. We used the slider in a unique way to achieve a nice timeline effect in this chapter. There was a bit of mathematics involved as we did many calculations to position the elements correctly.

In the next chapter, we will explore another jQuery UI component called spinner, along with the slider, to create a Google Maps mashup that lists hotels of a city.