🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

expandyMenu is a fancy jQuery navigation plugin used to create a fullscreen sliding menu that reveals the background on mouse hover.


Documentation

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


You May Also Like