jQuery Megadropdown.js

Megadropdown.js is a jQuery plugin that is used for easy implementation of the drop-down menu. We can create responsive drop-down menus easily using megadropdown.js. 

We can take standard HTML nested lists and turns them into horizontal mega menus using this plugin.

Its features are as follows:

• We can add animation-effects like fade in or slide down to display sub-menus.
• We can select the number of sub-menu items to be shown on each row of the mega menu
• With some basic CSS styling, it can be used to create unique and visually appealing navigation for any website.

CDN Link: To use this plugin, simply add the CDN links.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mmenu-js/8.5.22/mmenu.js"></script>

Example:

Output:

• On click of Courses menu:

  👁 Image
  

•  On click of Services menu: 

  👁 Image
  

  /li>