Accordion built with vanilla js, es6, sass, webpack
Check demo https://giodelabarrera.github.io/accordion-component.
Install the dependencies
npm i
Run the application in development environment
npm run watch
Open http://localhost:3000 to view it in the browser.
Launches the test runner.
npm test
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