Exercises

In order to complete these exercises, you will need the index.html file for this chapter, as well as the finished JavaScript code as found in complete.js. These files can be downloaded from the Packt Publishing website at http://www.packtpub.com/support.

The challenge exercises may require use of the official jQuery documentation at http://api.jquery.com/.

1. Define a new animation speed constant named zippy and apply this to the biography display effect.

2. Change the easing of the horizontal movement of member details, so that they "bounce" into place.

3. Add a second deferred callback function to the promise that adds a highlight class to the current member's location <div>.

4. Challenge: Add a delay of two seconds before animating the biography. Use the jQuery .delay() method.

5. Challenge: When the active photo is clicked, collapse the bio details. Stop any running animation before doing so.