1. Jeremy Foster | Developer Evangelist Rachel Appel | Independent Consultant

2. Course Topics Introduction to jQuery 01 | jQuery 10105 | Effects 02 | Selection06 | Ajax and Async 03 | Manipulating the DOM07 | Libraries 04 | Events

3. 05 | Effects Jeremy Foster | @codefoster Rachel Appel | @RachelAppel

4. Basic Effects Fading Sliding Custom Effects Module Overview

5. Basic Effects

6. Basic Effecs.hide().show().toggle() If it’s showing, hide it. If it’s hiding, show it.

7. Fading

8. Fading adjusts the opacity of the selected element.fadeIn().fadeOut().fadeTo() Set the opacity to a set value.fadeToggle() If it’s showing, fade it out. If it’s hidden, fade it in.

9. Sliding

10. .slideUp() Hides an element using a sliding motion.slideDown() Shows an element using a sliding motion.slideToggle() If it’s showing, then hide it. If it’s hiding, then show it.

11. Custom Effects

12. .animate() Perform a custom animation of a set of CSS properties.queue(),.dequeue(), and.clearQueue() Control the queue of functions to be executed on the matched elements.delay() Set a timer to delay execution of subsequent items in the queue.stop() Stop the animation.finish() Stop the animation and clear queue

13. Basic Effects Fading Sliding Custom Effects Summary

14. ©2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.