Frontend Exercise

With the next markup, you must create an accordion (JS / CSS) show only the contents of a section at a time. Sure to follow the SUIT convention when working with CSS.

<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 generate CSS
• ✔️ Use ES6
• ✔️ Use only Vanilla JS, without any JS framework
• ✔️ Generate gh-page for publish

Bonus

• ✔️ Add new section with Ajax content

Tasks

• First, install dependencies: npm install

• Run in local: npm start

• Build for develop: npm run build

• Build for production: npm run build-prod

GH-Page

https://javiauso.github.io/Frontend-Exercise/