cross browser Multi level push menu with jQuery

Some content here!

Download

Quellcode von diesen Beispiel

<!DOCTYPE html>
<html class="no-js"> 
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></script>
    </head>
    <body>


        

            Some content here!
        

        

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="../jquery.multilevelpushmenu.min.js"></script>
        <script>
      (function(a) {
    a.fn.multilevelpushmenu = function(c) {
        var b = arguments,
            d = null;
        this.each(function() {
            var P = this,
                r = a(this),
                n = (r.context != undefined) ? r : a("body"),
                W = (c && c.menu != undefined) ? c.menu : r.find("nav"),
                L, g;
            var U = a.extend({
                container: n,
                containersToPush: null,
                menuID: ((n.prop("id") != undefined && n.prop("id") != "") ? n.prop("id") : this.nodeName.toLowerCase()) + "_multilevelpushmenu",
                wrapperClass: "multilevelpushmenu_wrapper",
                menuInactiveClass: "multilevelpushmenu_inactive",
                menu: W,
                menuWidth: 0,
                menuHeight: 0,
                collapsed: false,
                fullCollapse: false,
                direction: "ltr",
                backText: "Back",
                backItemClass: "backItemClass",
                backItemIcon: "fa fa-angle-right",
                groupIcon: "fa fa-angle-left",
                mode: "overlap",
                overlapWidth: 40,
                preventItemClick: true,
                preventGroupItemClick: true,
                swipe: "both",
                onCollapseMenuStart: function() {},
                onCollapseMenuEnd: function() {},
                onExpandMenuStart: function() {},
                onExpandMenuEnd: function() {},
                onGroupItemClick: function() {},
                onItemClick: function() {},
                onTitleItemClick: function() {},
                onBackItemClick: function() {},
                onMenuReady: function() {},
                onMenuSwipe: function() {}
            }, c);
            if (!a.data(P, "plugin_multilevelpushmenu")) {
                a.data(P, "plugin_multilevelpushmenu", U);
                P.settings = a.data(P, "plugin_multilevelpushmenu")
            }
            var H = {
                init: function() {
                    return l.apply(this, Array.prototype.slice.call(arguments))
                },
                collapse: function() {
                    return F.apply(this, Array.prototype.slice.call(arguments))
                },
                expand: function() {
                    return u.apply(this, Array.prototype.slice.call(arguments))
                },
                menuexpanded: function() {
                    return h.apply(this, Array.prototype.slice.call(arguments))
                },
                activemenu: function() {
                    return K.apply(this, Array.prototype.slice.call(arguments))
                },
                findmenusbytitle: function() {
                    return Q.apply(this, Array.prototype.slice.call(arguments))
                },
                finditemsbyname: function() {
                    return R.apply(this, Array.prototype.slice.call(arguments))
                },
                pathtoroot: function() {
                    return s.apply(this, Array.prototype.slice.call(arguments))
                },
                comparepaths: function() {
                    return B.apply(this, Array.prototype.slice.call(arguments))
                },
                option: function() {
                    return f.apply(this, Array.prototype.slice.call(arguments))
                },
                additems: function() {
                    return G.apply(this, Array.prototype.slice.call(arguments))
                },
                removeitems: function() {
                    return z.apply(this, Array.prototype.slice.call(arguments))
                },
                redraw: function() {
                    return S.apply(this, Array.prototype.slice.call(arguments))
                },
                visiblemenus: function() {
                    return i.apply(this, Array.prototype.slice.call(arguments))
                },
                hiddenmenus: function() {
                    return p.apply(this, Array.prototype.slice.call(arguments))
                },
                propagateevent: function() {
                    return k.apply(this, Array.prototype.slice.call(arguments))
                }
            };

            function w(Y) {
                if (Y.stopPropagation && Y.preventDefault) {
                    Y.stopPropagation();
                    Y.preventDefault()
                } else {
                    Y.cancelBubble = true;
                    Y.returnValue = false
                }
            }

            function k(Y, Z) {
                if (Y == undefined || Z == undefined) {
                    return false
                }
                Y.on(Z, function(ad, aa) {
                    Y.hide();
                    try {
                        aa = aa || {
                            pageX: ad.pageX,
                            pageY: ad.pageY
                        };
                        var ab = document.elementFromPoint(aa.pageX, aa.pageY);
                        ab = (ab.nodeType == 3) ? ab.parentNode : ab;
                        a(ab).trigger(Z, aa)
                    } catch (ac) {
                        a.error("Error while propagating event: " + ac.message)
                    } finally {
                        Y.show()
                    }
                })
            }

            function X() {
                var Y = a("

Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0