Expandy Menu

A quick jQuery menu with expanding panels with elements and inspiration from https://github.com/jmar777/kwicks

Install

Just add the script file to the head of your html file and use the following markup

<script src="js/jquery.expandyMenu.js"></script>

<div id="menu" class="menu-container">
  <div id="item-1" class="menu-item red">
  </div>
  <div id="item-2" class="menu-item blue">
  </div>
  <div id="item-2" class="menu-item d-blue">
  </div>
  <div id="item-3" class="menu-item green">
  </div>
  <div id="item-4" class="menu-item yellow">
  </div>
</div>

Then call the plugin on the container of the menu

  $('#menu').menu();

Demo

Here is a link to a demo