This time I will share jQuery Plugin and tutorial about Responsive Dropdown & Toggle Menu Plugin With jQuery, hope it will help you in programming stack.
| File Size: | 5.18 KB |
|---|---|
| Views Total: | 12088 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A jQuery/Less based responsive multi-level dropdown menu which will be automatically converted into a mobile-friendly toggle menu when the screen size is smaller than a breakpoint you specify.
View more:
How to use it:
1. Add as many levels of menus & sub menus to the dropdown navigation as shown below:
01 |
<ul> |
02 |
<li> |
03 |
<a href="http://google.com"><a href="https://www.jqueryscript.net/menu/">Menu</a> 1</a> |
04 |
<ul> |
05 |
<li> |
06 |
<a href="http://google.com">Sub menu1</a> |
07 |
<ul> |
08 |
<li> |
09 |
<a href="http://google.com">Sub Sub menu1</a> |
10 |
<ul> |
11 |
<li> |
12 |
<a href="http://google.com">Sub Sub Sub menu 1 </a> |
13 |
<ul> |
14 |
<li><a href="http://google.com">Sub Sub Sub menu 1 </a></li> |
15 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
16 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
17 |
</ul> |
18 |
</li> |
19 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
20 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
21 |
</ul> |
22 |
</li> |
23 |
<li> |
24 |
<a href="http://google.com">Sub Sub menu 1</a> |
25 |
<ul> |
26 |
<li><a href="http://google.com">Sub Sub Sub menu 1 </a></li> |
27 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
28 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
29 |
</ul> |
30 |
</li> |
31 |
<li> |
32 |
<a href="http://google.com">Sub Sub menu 1</a> |
33 |
<ul> |
34 |
<li> |
35 |
<a href="http://google.com">Sub Sub Sub menu 1 </a> |
36 |
<ul> |
37 |
<li><a href="http://google.com">Sub Sub Sub menu 1 </a></li> |
38 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
39 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
40 |
</ul> |
41 |
</li> |
42 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
43 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></li> |
44 |
</ul> |
45 |
</li> |
46 |
</ul> |
47 |
</li> |
48 |
<li> |
49 |
<a href="http://google.com">Sub menu 1</a> |
50 |
<ul> |
51 |
<li><a href="http://google.com">Sub Sub Sub menu 1 </a></li> |
52 |
<li><a href="http://google.com">Sub Sub Sub menu 1</a></ |
