In this excercise we're going to do the following:

• Clicking on the green circle will:
  • Change the HTML of a tagged item to indicate the green circle was clicked
  • display the new HTML content in a popup
  • Change the color of the text to red
  • Change the source in the iframe from CNN to Foxnews


• Clicking on the red squares will:
  • Display the current color of the square
  • Change the background color of the squares to orange
  • Make the square disappear


• Clicking on the 1st paragraph text will:
  • Make the paragraph disappear
  • Execute a callback function that will notify that the fadeout has been completed


• Clicking on the 2nd paragraph text will:
  • Make the paragraph disappear and appear as you repeatedly click the button underneath it

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque bibendum nibh vel arcu vestibulum sollicitudin. Quisque nec rutrum sem. Integer a tristique nisi. Ut venenatis ante ut risus pretium fringilla. Aliquam interdum accumsan pellentesque. Morbi id nibh nec nisl aliquam maximus. Praesent hendrerit varius porttitor. Curabitur ac odio justo. Sed nulla nulla, cursus sed magna sed, mollis condimentum neque.

Click me!

This paragraph will appear and disappear as you click on the button underneath it.

Toggle!