Пример адаптивного меню

Блог - PROMO64

Меню для адаптивного дизайна сайта.

//адаптивное меню
(function(e, t, n) {
    e.fn.tinyNav = function(r) {
        var s = e.extend({
            active: "selected",
            indent: "- ",
            label: ""
        }, r);
        return this.each(function() {
            n++;
            var r = e(this)
              , o = "tinynav"
              , u = o + n
              , a = ".l_" + u
              , f = e("<select/>").attr("id", u).addClass(o + " " + u);
            if (r.is("ul,ol")) {
                if (s.header !== "") {
                    f.append(e("<option/>").text(s.header))
                }
                var l = "";
                r.addClass("l_" + u).find("a").each(function() {
                    l += '<option value="' + e(this).attr("href") + '">';
                    var t;
                    for (t = 0; t < e(this).parents("ul, ol").length - 1; t++) {
                        l += s.indent
                    }
                    l += e(this).text() + "</option>"
                });
                f.append(l);
                if (!s.header) {
                    f.find(":eq(" + e(a + " li").index(e(a + " li." + s.active)) + ")").attr("selected", false)
                }
                f.change(function() {
                    t.location.href = e(this).val()
                });
                e(a).after(f);
                if (s.label) {
                    f.before(e("<label/>").attr("for", u).addClass(o + "_label " + u + "_label").append(s.label))
                }
            }
        })
    }
})(jQuery, this, 0);


jQuery(function(){
    jQuery("#top-menu .menu").tinyNav({
        active: "current-menu-item",
    header: 'Menu 1'
    })
  jQuery(".moduletable_menu .menu").tinyNav({
    active: "current-menu-item",
    header: 'Menu 2'
    })
})