Configuration introduction

Besides the options object, there is a second object passed to the method used for overriding the default configuration options. The default values can be overridden by passing new values to the method.

<script type="text/javascript">
   $(document).ready(function() {
      $("#my-menu").mmenu({
         // options
      }, {
         // configuration
      });
   });
</script>

Configuration options are less arbitrary than the options, changing them can make or break the plugin.

Note that add-ons might have their own set of configuration options grouped in an object in the configuration.

Available configuration options

Option Default value Datatype Description
1 Listview extension required
2 The value should match the related CSS value.
className
{
divider "Divider" 1 String The classname on a LI that should be displayed as a divider.
inset "Inset" 1 String The classname on a submenu (a nested UL) that should be displayed as a default list.
panel "Panel" String The classname on an element (for example a DIV) that should be considered to be a panel.
selected "Selected" String The classname on the LI that should be displayed as selected.
spacer "Spacer" 1 String The classname on a LI that should be displayed with more whitespace above it.
vertical "Vertical" String The classname on a submenu (a nested UL) that should expand below their parent instead of slide in from the right.
}
clone false Boolean Whether or not the menu should be cloned (and the original menu kept intact).
openingInterval 25 Number The number of milliseconds between opening/closing the menu and panels, needed to force CSS transitions.
panelNodetype "div, ul, ol" String jQuery selector containing the node-type of panels.
transitionDuration 400 2 Number The number of milliseconds used in the CSS transitions.