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