A repository of over 1000 quality jQuery plugins

jQuery Slinky

Slinky is a jQuery Navigation plugin.

Created by alizahid

A light-weight, responsive, mobile-like menu plugin

Not what you're looking for? Click here to view more Navigation jQuery plugins

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

<link rel="stylesheet" src="bower_components/slinky/dist/slinky.min.css" />
<script src="bower_components/slinky/dist/slinky.min.js"></script>

NPM

npm install jquery-slinky

Include these files

<link rel="stylesheet" src="node_modules/slinky/dist/slinky.min.css" />
<script src="node_modules/slinky/dist/slinky.min.js"></script>

Usage

const slinky = $('.menu').slinky(options)

Options

OptionDefaultDescription
resizetrueResize menu height to match content on navigation
speed300Animation speed in milliseconds
themeslinky-theme-defaultSlinky theme
titlefalseShow title of sub menu

API

.home(animate)

Navigate back to the root menu

OptionDefault valueDescription
animatetruePass false to skip animation

.jump(target, animate)

Navigate to a sub menu

OptionDefault valueDescription
toSelector for ul target to jump to
animatetruePass false to skip animation

.destroy()

Remove Slinky

Tips

  • Set .active on a ul element to jump there on init


You might also like these other Navigation jQuery Plugins

  • Navigation

    A jQuery plugin for simple responsive navigation.

  • jQuery Konami

    jQuery plugin to trigger an event after the success of the Konami Code (up up down down left right left […]

  • Headroom.js

    Give your pages some headroom. Hide your header until you need it.