Slinky
Rather sweet menus
A light-weight, responsive, mobile-like navigation menu plugin
Demo
Installation
Download the latest version. The files you need are
Bower
bower install jquery-slinky
Include these files
<script src="bower_components/slinky/dist/slinky.min.js"></script>
<link rel="stylesheet" src="bower_components/slinky/dist/slinky.min.css">
NPM
npm install jquery-slinky
Include these files
<script src="node_modules/slinky/dist/slinky.min.js"></script>
<link rel="stylesheet" src="node_modules/slinky/dist/slinky.min.css">
Usage
const slinky = $('.menu').slinky(options)
Options
Option | Default | Description |
---|---|---|
resize |
true |
Resize menu height to match content on navigation |
speed |
300 |
Animation speed in milliseconds |
theme |
slinky-theme-default |
Slinky theme |
title |
false |
Show title of sub menu |
API
animate
)
.home(Navigate back to the root menu
Option | Default value | Description |
---|---|---|
animate |
true |
Pass false to skip animation |
target
, animate
)
.jump(Navigate to a sub menu
Option | Default value | Description |
---|---|---|
to |
Selector for ul target to jump to |
|
animate |
true |
Pass false to skip animation |
.destroy()
Remove Slinky
Tips
- Set
.active
on aul
element to jump there on init