nano-expansion v1.1.3

nano-expansion

Simple vanilla javascript accordion library

Installation

via NPM

npm install nano-expansion --save

via Yarn

yarn add nano-expansion

via CDN

<link rel="stylesheet" href="https://unpkg.com/nano-expansion@1.0.2/dist/nano-expansion.min.css">
<script src="https://unpkg.com/nano-expansion@1.0.2/dist/nano-expansion.min.js"></script>

Usage

You can see the index.html file for examples of usage. Live example

Markup

<div class="nano-expansion-wrapper" id="myexpansion">

  <div class="nano-expansion">
    <div class="nano-expansion-head">expansion 1</div>
    <div class="nano-expansion-body">
      <span>sample text</span>
    </div>
  </div>
  
  ...

</div>

Note: wrapper must have an id

JS

const nanoExpansion = new NanoExpansion({
  wrapper: "#myexpansion", // wrapper id
  duration: 0.2, // duration in seconds
  autoFolding: true // only shows one expansion
});