BootSideMenu
After a long time a new (hope better) version is here. BootSideMenu is a jQuery plugin to easily build a sliding menu in a Bootstrap based application.
Online demo can be found HERE.
Options
Option | Type | Value | Description | Default |
---|---|---|---|---|
side | String | left or right | Where menu will be placed | left |
duration | Integer | milliseconds | Animation duration | 500 |
remember | Boolean | true or false | Restore last menu status on page refresh | true |
autoClose | Boolean | true or false | If true the initial status will be "closed" | false |
pushBody | Boolean | true or false | If true the body of the page will be pushed left or right, according to the menu width and position | false |
closeOnClick | Boolean | true or false | If true the menu will be closed when a link is clicked or if a click is made outside of it | true |
icons | Object | An object where to specify the icon fonts classes | A way to use other icon fonts instead of glyphicon | icons: {left: 'glyphicon glyphicon-chevron-left', right: 'glyphicon glyphicon-chevron-right', down: 'glyphicon glyphicon-chevron-down'} |
theme | String | 'default', 'dracula', 'darkblue', 'zenburn', 'pinklady', 'somebook' | Five themes plus a default one. Your is welcome. | 'default' |
Events
Event | Description | Default |
---|---|---|
onStartup | A function to be executed when the menu is instantiated | do nothing |
onTogglerClick | A function to be executed when the toggler arrow is clicked | do nothing |
onBeforeOpen | A function to be executed before the menu is opened | do nothing |
onOpen | A function to be executed when the menu is opened | do nothing |
onBeforeClose | A function to be executed before the menu is closed | do nothing |
onClose | A function to be executed when the menu is closed | do nothing |
Methods
Method | Description |
---|---|
$(selector).BootSideMenu.open(); | Open menu programmatically |
$(selector).BootSideMenu.close(); | Close menu programmatically |
$(selector).BootSideMenu.toggle(); | Toggle menu programmatically |
Watch in action HERE. |
Examples
Watch the examples folder to see it in actions or try an Online Demo
Donations
Coffee and beers are well accepted!