Dropdown Menu

A lightweight, reusable dropdown menu module for JavaScript.

HTML Structure

Add the following HTML structure to your page. The dropdown menu items should be hard-coded into your HTML:

<div class="dropdown">
  <button class="dropdown-toggle">Menu</button>
  <ul class="dropdown-menu">
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
  </ul>
</div>

CSS

Include the CSS file provided by the package:

<link
  rel="stylesheet"
  href="node_modules/kuhvehl-dropdown/styles/dropdown.css"
/>

Example

Here’s a full example:

html