Exercises

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 the use of the official jQuery documentation at http://api.jquery.com/.

1. Define a new animation speed constant called 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.