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

1. 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">

2. Include mmcollapse plugin's code

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

3. Create html

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

4. Call the plugin:

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

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

API

show

show the collapsibleElement

mc.show();

hide

hide the collapsibleElement

mc.hide();

toggle

show/hide the collapsibleElement

mc.toggle();

Demo

demo page

Author

Osman Nuri Okumus

• GitHub Profile
• Twitter Profile
• LinkedIn Profile

License

Copyright © 2020, Osman Nuri Okumus. Released under the MIT License.