Download Responsive jQuery Mobile-Style Sliding Menu Plugin – Slinky

Slinky is a fully responsive jQuery plugin used to create a mobile App style sliding navigation menu that has nested ul based multi-level functionality. The next level can cover the previous one with a smooth sliding effect to save space on your web page.

Installation:

How to use it:

1. Include the jQuery sliding menu plugin and other resources in your Html file.

2. Create an empty container element for the sliding navigation menu.

3. Create menu items using nested Html lists.

view source

01	<div id="menu">

02

<ul>

03	<li> <a href="#">Artists</a>

04

<ul>

05	<li> <a href="#">Aerosmith</a>

06

<ul>

07	<li> <a href="#">Get Your Wings</a>

08

<ul>

09	<li> <a href="#">Train Kept A-Rollin'</a> </li>

10	<li> <a href="#">Same Old Song and Dance</a> </li>

11

</ul>

12

</li>

13

</ul>

14

</li>

15	<li> <a href="#">Eagles</a>

16

<ul>

17	<li> <a href="#">Hotel California</a>

18

<ul>

19	<li> <a href="#">Hotel California</a> </li>

20	<li> <a href="#">Pretty Maids All in a Row</a> </li>

21

</ul>

22

</li>

23

</ul>

24

</li>

25	<li> <a href="#">Led Zeppelin</a>

26

<ul>

27	<li> <a href="#">Physical Graffiti</a>

28

<ul>

29	<li> <a href="#">In My Time of Dying</a> </li>

30	<li> <a href="#">Houses of the Holy</a> </li>

31

</ul>

32

</li>

33

</ul>

34

</li>

35

</ul>

36

</li>

37	<li> <a href="#">Albums</a>

38

<ul>

39	<li> <a href="#">Get Your Wings</a>

40

<ul>

41	<li> <a href="#">Train Kept A-Rollin'</a> </li>

42	<li> <a href="#">Same Old Song and Dance</a> </li>

43

</ul>

44

</li>

45	<li> <a href="#">Hotel California</a>

46

<ul>

47	<li> <a href="#">Hotel California</a> </li>

48	<li> <a href="#">Pretty Maids All in a Row</a> </li>

49

</ul>

50

</li>

51	<li> <a href="#">Physical Graffiti</a>

52

<ul>

53	<li> <a href="#">In My Time of Dying</a> </li>

54	<li> <a href="#">Houses of the Holy</a> </li>

55

</ul>

56

</li>

57

</ul>

58

</li>

59	<li> <a href="#">Songs</a>

60

<ul>

61	<li> <a href="#">In My Time of Dying</a> </li>

62	<li> <a href="#">Houses of the Holy</a> </li>

63	<li> <a href="#">Hotel California</a> </li>

64	<li> <a href="#">Pretty Maids All in a Row</a> </li>

65

<li> <a href="#">Train Kept A-Rollin'</a source : jquery.net Share this: Facebook Tweet WhatsApp Related posts: Free Download Advanced Speech Bubble Tooltip Plugin – jQuery FlstBubble.js Free Download Smooth Sticky Header In jQuery – sp.stickyHeader.js Free Download Powerful Calendar Plugin With jQuery – Calendar.js