# gitbook-plugin-folding-menu

This gitbook plugin **manages large left-nav menus** by **visualizing only
one section at a time** _(the active section)_.

<!--- Badges for CI Builds ---> 

[![NPM Version Badge](https://img.shields.io/npm/v/gitbook-plugin-folding-menu.svg)](https://www.npmjs.com/package/gitbook-plugin-folding-menu)


## At a Glance

- [Overview]
- [Install]
- [Configuration]
- [Revision History]
  * [v1.0.1] - Added Configuration *(September 8, 2018)*
  * [v1.0.0] - Initial Release *(September 7, 2018)*


## Overview

The high-level points of interest are:

- On initial display, only the top-level menu items are displayed.

- Navigating to a section with sub-content will dynamically expand it,
  collapsing any prior section.

- The active section will expose the entire sub-menu depth _(i.e. all
  it's ancestry, not just direct children)_.

- Navigating between sections continues to expand only the active
  section _(expanding the active section while collapsing any section
  previously expanded)_.

- **Animation is used** to make the user experience more intuitive
  _(i.e. they can visually see what is happening)_!

- Sections that are composed of multiple pages are supported.

This plugin has the effect of "taming" a big unruly menu structure, by
exposing only one section at a time, making it more intuitive for
end-user consumption.

You can **see this in action** at: https://feature-u.js.org/ _(one of
my open source projects)_.

This project is a significant improvement on other similar plugins.

## Install

1. Add the `"folding-menu"` plugin to your **book.json** file:

   **book.json**   
   ```js
   {
     ...
     "plugins": [
       ... other plugins you may be using
       "folding-menu"
     ]
     ...
   }
   ```
   
2. Install the plugin using **one** of the following options _(based on your gitbook usage)_:
   
   - For https://legacy.gitbook.com/ usage, plugins are automatically installed.
   
   - For local gitbook usage run `gitbook install` to install and prepare
     all plugins for your books:
   
     ```shell
     gitbook install
     ```
   
   - For technical users _(ex: open source documentation)_, install the
     plugin to your **devDependencies** as follows:
   
     ```shell
     npm install --save-dev gitbook-plugin-folding-menu
     ```


## Configuration

You may optionally supply the following configuration to this plugin:

<ul><!--- indentation hack for github - other attempts with style is stripped (be careful with number bullets) ---> 

**book.json**   
```js
{
  ...
  "pluginsConfig": {
    "folding-menu":	{
      "animationDuration": 500,
      "sticky":            true
    }
  }
  ...
}
```

</ul>

- **animationDuration** - The animation duration in mills ... use 0
  (zero) to disable animation ... **DEFAULT: 400**

- **sticky** - Leave the last section expanded when a the current
  active section has NO sub-content ... **DEFAULT: false**


## Revision History


Release  | What                                            | *When*
---------|-------------------------------------------------|------------------
[v1.0.1] | Added Configuration                             | *September 8, 2018*
[v1.0.0] | Initial Release                                 | *September 7, 2018*



<!-- *** RELEASE *************************************************************** -->

### v1.0.1 - Added Configuration *(September 8, 2018)*

<ul><ul><!--- indentation hack for github - other attempts with style is stripped (be careful with number bullets) ---> 

[GitHub Content](https://github.com/KevinAst/gitbook-plugin-folding-menu/tree/v1.0.1)
&bull;
[GitHub Release](https://github.com/KevinAst/gitbook-plugin-folding-menu/releases/tag/v1.0.1)
&bull;
[Diff](https://github.com/KevinAst/gitbook-plugin-folding-menu/compare/v1.0.0...v1.0.1)

**NOTE**: This release is a **non-breaking change** _(i.e. no API was affected)_.

- This plugin is now configurable _(see: [Configuration])_.

</ul></ul>



<!-- *** RELEASE *************************************************************** -->

### v1.0.0 - Initial Release *(September 7, 2018)*

<ul><ul><!--- indentation hack for github - other attempts with style is stripped (be careful with number bullets) ---> 

[GitHub Content](https://github.com/KevinAst/gitbook-plugin-folding-menu/tree/v1.0.0)
&bull;
[GitHub Release](https://github.com/KevinAst/gitbook-plugin-folding-menu/releases/tag/v1.0.0)

**This is where it all began ...**

</ul></ul>




<!--- *** REFERENCE LINKS *** ---> 
[Overview]:          #overview
[Install]:           #install
[Configuration]:     #configuration
[Revision History]:  #revision-history
 [v1.0.1]:           #v101---added-configuration-september-8-2018
 [v1.0.0]:           #v100---initial-release-september-7-2018