Skip to content
Expand Anything
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.vscode
__tests__
src
.DS_Store
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.npmignore
.prettierrc
LICENSE
README.md
example.html
package.json
tsconfig.json
tslint.json
yarn.lock

README.md

CircleCI

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 example.html for more examples (note the example is using R for module loading)

TODO

  • Write tests
  • Update docs
  • import examples
  • Demo site
You can’t perform that action at this time.