(function($) {
	$.fn.menumaker = function(options) {
		var cssmenu = $(this),
			settings = $.extend({
				title: "Menu",
				format: "dropdown",
				sticky: false
			}, options);
		return this.each(function() {
			//			cssmenu.prepend('<div id="menu-button">' + settings.title + '</div>');
			$("#menu-button").on('click', function() {
				$('body').toggleClass('on-menu');
				var mainmenu = $(this).next('.menu').children('ul');
				if(mainmenu.hasClass('open')) {
					mainmenu.hide().removeClass('open');
				} else {
					mainmenu.show().addClass('open');
					if(settings.format === "dropdown") {
						mainmenu.find('ul').show();
					}
				}
			});
			cssmenu.find('li a').on('click', function() {
				$('body').removeClass('on-menu');
				$(this).parent().siblings().find('a').removeClass('active');
				$(this).addClass('active');
			});
			cssmenu.find('li ul').parent().addClass('has-sub');
			multiTg = function() {
				cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
				cssmenu.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();
					}; */
					//新代码
					//1.记住当前加号或者减号状态，不然一会全关闭了变成减号了
					let ifOpen = $(this).hasClass('submenu-opened'); //如果有就是准备关闭，如果没有就是准备展开
					//2.其他的，全部变成减号
					$(this).parent().parent().find('.submenu-button').removeClass('submenu-opened');
					//3.其他的，全部uL的class全部移除open，关闭
					$(this).parent().parent().find('ul').removeClass('open').hide();
					//4.当前的，加号变减号，减号变加号
					//5.当前的，如果是加号，uL的class就添加open，展开。如果是减号，uL的class就移除open，关闭。
					if(ifOpen) {
						$(this).removeClass('submenu-opened');
						$(this).siblings('ul').removeClass('open').hide();
					} else {
						$(this).addClass('submenu-opened');
						$(this).siblings('ul').addClass('open').show();
					}
				});
			};
			if(settings.format === 'multitoggle') multiTg();
			else cssmenu.addClass('dropdown');
			if(settings.sticky === true) cssmenu.css('position', 'fixed');
			resizeFix = function() {
				if($(window).width() > 992) {
					cssmenu.find('ul').show();
				}
				if($(window).width() <= 992) {
					cssmenu.find('ul').hide().removeClass('open');
				}
			};
			resizeFix();
			return $(window).on('resize', resizeFix);
		});

	};
})(jQuery);
(function($) {
	$(document).ready(function() {
		$(document).ready(function() {
			$("#cssmenu").menumaker({
				title: "Menu",
				format: "multitoggle"
			});
			//			$("#cssmenu").prepend("<div id='menu-line'></div>");
			var foundActive = false,
				activeElement, linePosition = 0,
				menuLine = $("#cssmenu #menu-line"),
				lineWidth, defaultPosition, defaultWidth;
			$("#cssmenu > ul > li").each(function() {
				if($(this).hasClass('active')) {
					activeElement = $(this);
					foundActive = true;
				}
			});
			if(foundActive === false) {
				activeElement = $("#cssmenu > ul > li").first();
			}
			defaultWidth = lineWidth = activeElement.width();
			defaultPosition = linePosition = activeElement.position().left;
			menuLine.css("width", lineWidth);
			menuLine.css("left", linePosition);
			$("#cssmenu > ul > li").hover(function() {
				activeElement = $(this);
				lineWidth = activeElement.width();
				linePosition = activeElement.position().left;
				menuLine.css("width", lineWidth);
				menuLine.css("left", linePosition);
			}, function() {
				menuLine.css("left", defaultPosition);
				menuLine.css("width", defaultWidth);
			});

			//如果时ipad点击导航不跳转
			var GetAgent = navigator.userAgent.toLowerCase();
			var GetRes = GetAgent.match(/ipad/);
			if(GetRes == "ipad") {
				$(".has-sub").children("a").attr("href", "javascript:void(0)");
			}
		});
	});
})(jQuery);