expaaand
v0.1.1
Published
expaaand
Downloads
1
Readme
expaaand
Expand Anything, a simple JavaScript Library that will will allow you to add an active class (defaults is-active) to a target element on click.
Features Include:
- Simple API
- Data attribute overrides
- Grouping of elements (e.g for accordions)
- Optional toggling
- Optional additional close button
- Responsive toggling
- Event system
Some use cases
- Menus
- Accordions
- Popups
- Modals
Docs
First import the module
import { Expaaand } from 'expaaand';
Initialise Expaaand
const myButtonElm = document.querySelector('.js-my-button');
new Expaaand(myButtonElm);
Add markup to button
<button type="button" class="js-my-button" data-expaaand="#js-target" data-expaaand-toggle="true">Toggle</button>
<div class="target" id="js-target">
Target elm
</div>
More docs coming soon...
Examples
See examples.html for more examples (note the example is using R for module loading)
TODO
- Write tests
- Update docs
- import examples
- Demo site