menu dynamic dropdown

menu dynamic dropdown
-----------------------
      <ul class="nav navbar-nav">
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">Home</a>
          <ul class="dropdown-menu">
            <li><a href="index.html">Home Layout 1</a></li>
            <li><a href="index2.html">Home Layout 2</a></li>
            <li><a href="index3.html">Home Layout 3</a></li>
            <li><a href="index4.html">Home Layout 4</a></li>
            <li><a href="index5.html">Home Layout 5</a></li>
            <li><a href="index6.html">Home Layout 6</a></li>
            <li><a href="index7.html">Home Layout 7</a></li>
            <li><a href="index8.html">Home Layout 8</a></li>
            <li><a href="index9.html">Home Layout 9</a></li>
            <li><a href="index10.html">Home Layout 10</a></li>
            <li><a href="index11.html">Home Layout 11</a></li>
            <li><a href="index12.html">Home Layout 12</a></li>
            <li><a href="index13.html">Home Layout 13</a></li>
            <li><a href="index14.html">Home Layout 14</a></li>
          </ul>
        </li>
      </ul>

jQuery(document).ready(function () {
        jQuery("ul.navbar-nav li").addClass("dropdown");
        jQuery("ul.navbar-nav li ul").addClass("dropdown-menu");
        jQuery("ul.navbar-nav li a").addClass("dropdown-toggle js-activated");

        jQuery("ul.navbar-nav li.dropdown").hover(function(){
        jQuery(this).addClass("open");
        },function(){
        jQuery(this).removeClass("open");
      });
});

//Others example:
http://www.wproots.com/how-to-style-wordpress-menus-dropdowns/

===============================================================

jQuery(document).ready(function(){
    jQuery("ul.flat-responsive-menu li ul.sub-menu").addClass("menu-dropdown-one");
    jQuery("div.footer-menu ul.sub-menu").css("display","none");

});