configuration (object)

A map of options for technical details.


Code example:

$("#my-menu").mmenu({
   configuration: {
      clone                : false,
      hardwareAcceleration : true,
      preventTabbing       : true,
      selectedClass        : "Selected",
      labelClass           : "Label",
      counterClass         : "Counter",
      pageSelector         : undefined,
      pageNodetype         : "div",
      transitionDuration   : 500
   }
});

configuration.clone (boolean)

Whether or not to use a clone of the original <nav>.
If true, all ID-attributes in the clone will be prefixed with "mm-".

Default value: false.

configuration.hardwareAcceleration (boolean)

Whether or not to force hardware acceleration on the CSS transitions.

Default value: true.

configuration.preventTabbing (boolean)

Whether or not to "disable" the tab-button when the menu is opened.
If false, make sure to still prevent the user from tabbing outside the menu.

Default value: true.

configuration.selectedClass (string)

The classname on the currently selected LI.

Default value: "Selected".

configuration.labelClass (string)

The classname on the LIs that function as a label.

Default value: "Label".

configuration.counterClass (string)

The classname on the EMs that function as a counter.

Default value: "Counter".

configuration.pageSelector (string)

The jQuery selector to find the page.

If undefined, it will be set to "> " + configuration.pageNodetype.

configuration.pageNodetype (string)

The nodetype of the page.

Default value: "div".

configuration.transitionDuration (number)

The duration of the animations (in milliseconds).

This value should match the duration of the CSS-transitions.

Default value: 500.