The jQuery 1.10.0 library is loaded up and ready to go. Open your browser's JavaScript console and start experimenting.
Here are some ideas:
- Choose one of the colors on the checkerboard and change it with the .css() function (hint: it's made of "td" tags with classes named "even" and "odd")
- Fill in every checkerboard square with an X using the .html() function.
- Make this box (id="instructions") .fadeIn(), .fadeOut(), .slideUp() and .slideDown().
- This box has the "position:absolute" property. Make it slide around with the .animate() function.
- Now make it slide around and change size at the same time. Create a command in this way that makes it "fold down"?
- Change the foreground and background color of the id="heading" element at the same time using chaining.
- Exchange the "odd" and "even" squares using .addClass() and .removeClass(). This can be done using 3 separate commands.
- Change this link (id="googlelink") so that it goes somewhere else using the .attr() function.