ElasticMenu

This is a super easy to use elastic menu jquery plugin

How to use ?

1 - include the .css and .js file

2 - Put the "elastic-menu" class in your list that you wnat to create a ElasticMenu

<ul id="example" class="elastic-menu">
  <li><a href="">Example scope</a></li>
  <li><a href="">Example scope</a></li>
  <li><a href="">Example scope</a></li>
  <li><a href="">Example scope</a></li>
  <li><a href="">Example scope</a></li>
</ul>

3 - Set your ID or CLASS element in elasticMenu() plugin

$("#example").elasticMenu();

Settings

$("#example").elasticMenu({
    direction : "horizontal", // default : vertical
    background : "#ec407a", // default : #0d47a1
    color : "white" // default : white
});