MonoList - Plugin for creating navigation by list and by pretty much everything else.

Default configuration

The easiest way to use the plugin. There is a list and now there is a navigation by first letter of each item.

$('#target').monolist();

By default, navigation buttons will be placed in a div before the list. You can place them wherever you want by creating your own container for buttons and passing it to the buttonsContainer option.

$('#target').monolist({
	buttonsContainer: '.my-own-container'
});

The plugin creates navigation buttons with class ml-button. If you are using any frontend framework, it may make sense to change the default button template.
For example, if you are using Bootstrap, you can replace the template as follows:

$.fn.monolist.buttonTemplate = function (value) {
	return '<button type="button" class="btn btn-default">' + value + '</button>';
};