VOOZH about

URL: https://www.geeksforgeeks.org/jquery/jquery-megadropdown-js/

⇱ jQuery Megadropdown.js - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

jQuery Megadropdown.js

Last Updated : 31 Mar, 2021

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
    Courses menu
  •  On click of Services menu: 
    👁 Image
    Services menu
    /li>
Comment

Explore