Objectives

Learning Objectives

After completing this assignment, you should…

• Understand how to use jQuery to manipulate the DOM
• Understand how CSS transitions work and why they are beneficial

Performance Objectives

After completing this assignment, you be able to effectively use

• Use jQuery
• Use CSS Animations

Normal Mode

• Build a jQuery Accordion WITHOUT using slideUp, slideDown, or slideToggle. Hint: use addClass & removeClass.
• Only CSS3 transitions allowed. It should work for 2 or more sections.
• Each paragraph in each section of the accordion should be a different length. It's important to learn how to deal with variable content length.
• Use the image below as an example

Requirements

• A repository containing the following:
  • index.html
  • main.css
  • main.js
  • Readme.md filled out.

Hard Mode

• Build a jQuery image carousel that will continue to show the images.
• Do not use any of the jQuery animation methods like fadeIn or fadeOut or even animate
• You must use this file to put the content on the page.
• Use the image below as an example