Mmcollapse NPM

mmcollapse

another collapse plugin

Getting started

Install

Install with npm:

$ npm install mmcollapse

Install with yarn:

$ yarn add mmcollapse

Download

Download compiled CSS and JS

required files: "mmcollapse.js" and "mmcollapse.css" in dist folder.

Download source

Add project file to mmcollapse

// import es6 module
import MMCollapse from 'mmcollapse';

// or commonjs
const MMCollapse = require('mmcollapse');

// create node
const collapsibleElement = document.querySelector('.collapsibleElement');
// create new instance
const mc = new MMCollapse(collapsibleElement);

Usage

Include mmcollapse StyleSheet

<link rel="stylesheet" href="https://unpkg.com/mmcollapse/dist/mmcollapse.css">
<!-- OR -->  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mmcollapse/dist/mmcollapse.css">

Include mmcollapse plugin's code

<script src="https://unpkg.com/mmcollapse"></script>
<!-- OR -->
<script src="https://cdn.jsdelivr.net/npm/mmcollapse"></script>

Create html

<div class="collapsibleElement">
...
</div>

Call the plugin:

// create node
const collapsibleElement = document.querySelector('.collapsibleElement');

// create new instance
const mc = new MMCollapse(collapsibleElement);