@aaronrory/js-dropdownmenu NPM

JS-DropdownMenu

A bare minimum importable module for JavaScript drop down menus

screenshot

To install module

Add the following JavaScript code to your main js file

import MenuHandler from '@aaronrory/js-dropdownmenu';

const menuHandler =  new MenuHandler();
menuHandler.constructMenus();

To install the module use the command: npm install @aaronrory/js-dropdownmenu --save

Instructions

Simply follow the similar layout to add this dropbox functionality to your html page. You must have two main div elements with the data-dropDownMenu = "verticle" attribute for the parent and data-dropDownContent = "true" attribute in the child div containing the dropdown links or items.

<div data-dropDownMenu="verticle">
  <span>Dropdown Menu</span>
  <div data-dropDownContent ="true">
    <a href="#">Dropdown 1</a>
    <a href="#">Dropdown 2</a>
    <a href="#">Dropdown 3</a>
  </div>
</div>