Section indexer introduction

To append a section indexer to the menu, include the "sectionIndexer" add-on .js and .css files and use the sectionIndexer options.

   <script src="path/to/jquery.js"></script>
   <script src="path/to/jquery.mmenu.js"></script>
   <script src="path/to/jquery.mmenu.sectionindexer.js"></script>
   <link href="path/to/jquery.mmenu.css" rel="stylesheet" />
   <link href="path/to/jquery.mmenu.sectionindexer.css" rel="stylesheet" />
      $(document).ready(function() {
            sectionIndexer: {
               // section indexer options


Give it a go, change the options below and see how it affects the menu in the example on the right.

  • Add a section indexer to the menu.
   jQuery(document).ready(function( $ ) {


Options for the "sectionIndexer" add-on

Option Default value Datatype Description
sectionIndexer A map of options or true for sectionIndexer.add.
add false Boolean Whether or not to automatically append a section indexer to the menu.
addTo "panels" String Where to add the section indexer(s).
Possible values: "panels" and a valid jQuery selector.

Configuration for the "sectionIndexer" add-on

The "sectionIndexer" add-on has no configuration options.

API methods for the "sectionIndexer" add-on

The "sectionIndexer" add-on has no API methods.

SCSS variables for the "sectionIndexer" add-on

Variable Default value Datatype Description
1 For the actual value, the datatype and a description, have a look at the default variable values reference.
Include CSS
$mm_opt_sectionindexer true Boolean Whether or not to include CSS for the sectionIndexer add-on throughout the entire CSS framework.
$mm_sectionIndexerWidth $mm_padding*2 1 CSS value The width of the section indexer.
  • Core (on-canvas);
  • The dividers add-on.
Incompattible with:

Next add-on:
Set selected