$(document).ready(function() { var LM = function (ele, options) { this.$element = ele this.defaults = {} this.settings = $.extend({}, this.defaults, options) } LM.prototype = { menu : function () { var _this = this.$element $('.menu-dark-backdrop').on('click', function () { if (_this.hasClass('menu-open')) { _this.removeClass('menu-open') $('.menu-dark-backdrop').removeClass('in').off() $('body').css("overflow", "auto") _this.find('li').removeClass('open').off().find('div').css({ "height": 0 }) _this.scrollTop(0) } else { _this.addClass('menu-open') $('.menu-dark-backdrop').addClass('in') $('body').css("overflow", "hidden") } }) }, init: function () { var $btn = $(this.settings.triggerBtn) var obj = this $btn.click(function () { if (!$('body').find('div').hasClass('menu-dark-backdrop')) { $('body').append('') } if (obj.$element.hasClass('menu-open')) { obj.$element.removeClass('menu-open') $('.menu-dark-backdrop').removeClass('in').off() $('body').css("overflow", "auto") obj.$element.find('li').removeClass('open').off().find('div').css({ "height": 0 }) obj.$element.scrollTop(0) } else { obj.$element.addClass('menu-open') $('.menu-dark-backdrop').addClass('in') obj.menu() } }) } } $.fn.leftMenu = function (options) { var lm = new LM(this, options) lm.$element.addClass('leftMenu') return lm } $('.inactive').click(function(){ if($(this).siblings('ul').css('display')=='none'){ $(this).parent('li').siblings('li').removeClass('inactives'); $(this).addClass('inactives'); $(this).siblings('ul').slideDown(100).children('li'); if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){ $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives'); $(this).parents('li').siblings('li').children('ul').slideUp(100); } }else{ //鎺у埗鑷韩鍙樻垚+鍙 $(this).removeClass('inactives'); //鎺у埗鑷韩鑿滃崟涓嬪瓙鑿滃崟闅愯棌 $(this).siblings('ul').slideUp(100); //鎺у埗鑷韩瀛愯彍鍗曞彉鎴?鍙 $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives'); //鎺у埗鑷韩鑿滃崟涓嬪瓙鑿滃崟闅愯棌 $(this).siblings('ul').children('li').children('ul').slideUp(100); //鎺у埗鍚岀骇鑿滃崟鍙繚鎸佷竴涓槸灞曞紑鐨勶紙-鍙锋樉绀猴級 $(this).siblings('ul').children('li').children('a').removeClass('inactives'); } }); //瀵艰埅鑿滃崟 $('#menu').leftMenu({ "triggerBtn":"#menuBtn" }).init() });