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>- Use Sass for generate CSS
- Use ES6
- Use only Vanilla JS, without any JS framework
- Generate gh-page for publish
- Add new section with Ajax content
To resolve the excercise: This project has been built with webpack, vanilla JS, Sass and E6. As an extra Bonus, the accordion's sections comes from an API created.
- Clone this repo in master branch.
- All dependencies have to be be installed:
$ npm install
- To launch the project in local enviroment:
$ npm run start:dev
Project is running at http://localhost:8080/
$ npm run test