Let's practice some jQuery.
(click Homer for directions, then again to hide)

Part 1Part 2Part 3Part 4

(A companion piece to Real Python.)


  1. Click the link for Part 1 to view the Javascript behavior in the browser

  2. Download the repo here, unpack the files, make sure Part 1 works on your local machine

  3. Remove the link to part1.js from your HTML file

  4. Recreate the Javascript/jQuery code in main1.js

  5. Only look at my code once complete or if you get stuck

  6. Don't move on until you fully understand Part 1

  7. Repeat for all parts

  8. Want more? Recreate the HTML and CSS too!

Part 1Part 2Part 3Part 4

Copyright 2014 Real Python

Fork me on GitHub