First DIV will add a class to the third DIV.

Second DIV will remove a class from the third DIV.

Third DIV will get the styles.

Fourth DIV adds/removes styles to itself.

Fifth DIV will change color when mouse enters, but will change back when clicked.

Sixth DIV will change color when mouse out only once.

Seventh DIV controls visibility of the eigth div.

Eighth DIV is controlled by the seventh.

Ninth DIV toggles sliding of the eigth div.

Hover over me or click me to change colors.

Prepends text when hovered over, and appends text when mouse leaves.