slimMenu - Create responsive and multi-level navigation menus

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

With slimMenu, you'll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus. slimMenu does both job for you and it's only 5KB(2.5KB minified)!

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: adnantopal.github.io

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="slimmenu.css" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="jquery.slimmenu.min.js"></script>

2. HTML

Create your navigation menu using an ordered list and add slimmenu class:

<ul id="navigation" class="slimmenu">...</ul>

3. JAVASCRIPT

$('#navigation').slimmenu(
{
    resizeWidth: '800',
    collapserTitle: 'Main Menu',
    animSpeed: 'medium',
    easingEffect: null,
    indentChildren: false,
    childrenIndenter: ' '
});

4. OPTIONS