Accordion Component

Accordion built with vanilla js, es6, sass, webpack

Check demo https://giodelabarrera.github.io/accordion-component.

Instalation

Install the dependencies

npm i

Run the application in development environment

npm run watch

Open http://localhost:3000 to view it in the browser.

Test

Launches the test runner.

npm test

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