Exercise: Click and Hover

Note
There are several ways to change the style of your website interactively. Hover and click are two ways, today we will use jQuery to create hover and click events that change the CSS on one or more elements on the page.
Instructions
Using what you have learned in CSS and this begin implementing jQuery. Use below starter kit and the following functions to create a specific user interaction (with a separate index.html for each.)
- .fade
- .animate
- .toggle
- .click
- .mouseenter
- .hover
- .hide
- .scroll
- .css
- .append or .before
Resources
- W3 Schools: Jquery event methods
- Fade
- Animate (animation in intervals), Animate (single animation)
- Toggle (toggle between two CSS states)
- Slide Toggle (create a vertical slide menu)
- Click
- Mouseenter
- Hide/Show (make an element disappear, and reappear)
- Scroll (make something happen on scroll)
- CSS (change the css properties of an object)
- Append 1 (add text to your html)
- Append 2 (add div to your html)