jQuery.noConflict(); (function($) { $.fn.menumaker = function(options) { var lshmenu = $(this), settings = $.extend({ title: "", format: "dropdown", sticky: false }, options); return this.each(function(i) { if($(this).find("#menu-button").length ==0){ lshmenu.prepend(''); $(this).find("#menu-button").on('click', function(){ $(this).toggleClass('menu-opened bounceInRight'); var mainmenu = $(this).next('ul'); mainmenu.toggle(); }); } lshmenu.find('li ul').parent().addClass('has-sub'); multiTg = function() { lshmenu.find(".has-sub").prepend(''); lshmenu.find('.submenu-button').on('click', function() { $(this).toggleClass('submenu-opened'); if ($(this).siblings('ul').hasClass('open')) { $(this).siblings('ul').removeClass('open').hide(); } else { $(this).siblings('ul').addClass('open').show(); } }); }; if (settings.format === 'multitoggle') multiTg(); else lshmenu.addClass('dropdown'); if (settings.sticky === true) lshmenu.css('position', 'fixed'); resizeFix = function() { if ($( window ).width() > 800) { lshmenu.find('ul').show(); } if ($(window).width() <= 800) { lshmenu.find('ul').hide().removeClass('open'); } }; resizeFix(); return $(window).on('resize', resizeFix); }); }; })(jQuery); (function($){ $(document).ready(function(){ $("#main-menu").menumaker({ title: "", format: "multitoggle" }); }); })( jQuery );