(function ($) { $.fn.menumaker = function (options) { var cssmenuNew = $(this), settings = $.extend({ title: "Menu", format: "dropdown", sticky: false }, options); return this.each(function () { cssmenuNew.prepend(''); $(this).find("#menu-button").on('click', function () { $(this).toggleClass('menu-opened'); var mainmenu = $(this).next('ul'); if (mainmenu.hasClass('open')) { mainmenu.hide().removeClass('open'); } else { mainmenu.show().addClass('open'); if (settings.format === "dropdown") { mainmenu.find('ul').show(); } } }); cssmenuNew.find('li ul').parent().addClass('has-sub'); multiTg = function () { cssmenuNew.find(".has-sub").prepend(''); cssmenuNew.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 cssmenuNew.addClass('dropdown'); if (settings.sticky === true) cssmenuNew.css('position', 'fixed'); resizeFix = function () { if ($(window).width() > 768) { cssmenuNew.find('ul').show(); } if ($(window).width() <= 768) { cssmenuNew.find('ul').hide().removeClass('open'); } }; resizeFix(); return $(window).on('resize', resizeFix); }); }; })(jQuery); (function ($) { $(document).ready(function () { $("#cssmenuNew").menumaker({ title: " ", format: "multitoggle" }); }); })(jQuery);