Frontend Exercise

Using the markup provided below, you must create an accordion that shows only the contents of a section at a time.

<dl>
  <dt>Section 1</dt>
  <dd>
    <p>Section 1 Content...</p>
  </dd>
  <dt>Section 2</dt>
  <dd>
    <p>Section 2 Content...</p>
  </dd>
  <dt>Section 3</dt>
  <dd>
    <p>Section 3 Content...</p>
  </dd>
</dl>

Conditions

• Use SASS for generating CSS.
• Follow the SUIT naming convention when working with CSS.
• Use EcmaScript 2015.
• Use only Vanilla JS. Don't use any framework (React, Angular, Vue...)
• Deploy the page to a public URL.
• Add new section with AJAX content.