jquery.treemenu.js

treeMenu - simple jQuery plugin. Add togglers to ul > li > * structure

Example

https://xevin.ru/treemenu-js-examples/

Installation

Download jquery.treemenu.js and jquery.treemenu.css files

or

install via yarn

```
yarn add jquery.treemenu.js
``

install via npm

``
npm install jquery.treemenu.js
``

install via bower

``
bower install treemenu.js
``

Usage

1. include jQuery
``html

``

2. include treeMenu script and styles in your document
``html


``

3. Create tree
``html


• Transport
  
  
  
  • Hover tanks
  
  
  • Quad bikes
  
  
  • Electro cars
  
  
  
  


• Weapons
  
  
  
  • Knives
  
  
  • Grenades
  
  
  • Lasers
  
  
  
  


• Suits


``

3. Attach treeMenu when the document is loaded
``javascript
$(document).ready(function(){
$("ul.mytree").treemenu();
});
``

Options

* delay - open/close animation delay. Default == 0
openActive - open all trees that contains element with activeSelector* class. Default == false
* closeOther - at opening some tree, the other will be closed. Default == false
* activeSelector - class selector name for active elements. Default == '.active'

Use options:
``javascript
$("ul.mytree").treemenu({
'delay': 300,
'closeOther': true,
'activeSelector': '.active',
'openActive': true
});
```