jquery-sidenav

jquery plugin for accordion side navigation

Installation

$ npm install jquery-sidenav --save

Usage

commonjs

require('jquery-sidenav');

browser

<script src="dist/sidenav.min.js"></script>

Example

// init
$('#sidebar').sidenav();

// mark as active
$('#sidebar').sidenav('/href/for/active');

<ul class="nav sidenav">
  <li>
    <a href="/a">
      <i class="fa fa-cube"></i>
      <span class="sidebar-title">menu A</span>
    </a>
  </li>
  <li>
    <a href="/b">
      <i class="fa fa-cube"></i>
      <span class="sidebar-title">menu B</span>
    </a>
  </li>
  <li>
    <a class="accordion-toggle" href>
      <i class="fa fa-cube"></i>
      <span class="sidebar-title">accordion</span>
      <span class="caret"></span>
    </a>
    <ul class="nav sub-nav">
      <li>
        <a href="/sub/a">
          <i class="fa fa-cube"></i>
        <span class="sidebar-title">submenu A</span>
        </a>
      </li>
    </ul>
  </li>
</ul>

License

Licensed under the MIT License. See LICENSE for the full license text.