|
|
|
|
|
(function($) {
|
|
|
|
|
|
//菜单父级id
|
|
|
|
|
|
var parentId = "";
|
|
|
|
|
|
//当前菜单索引id
|
|
|
|
|
|
var activeId = "";
|
|
|
|
|
|
|
|
|
|
|
|
//展开关闭
|
|
|
|
|
|
function handlerToggle(element,_delay) {
|
|
|
|
|
|
var delay = _delay>0?_delay:0;
|
|
|
|
|
|
|
|
|
|
|
|
//当前菜单焦点样式切换
|
|
|
|
|
|
$(element).addClass("active");
|
|
|
|
|
|
$(element).siblings("a").removeClass("active");
|
|
|
|
|
|
|
|
|
|
|
|
//当前菜单内部图标切换
|
|
|
|
|
|
$(element).find(".icon-angle_right").toggleClass("icon-angle_down");
|
|
|
|
|
|
$(element).siblings("a").find(".icon-angle_down").removeClass("icon-angle_down");
|
|
|
|
|
|
|
|
|
|
|
|
//当前子菜单
|
|
|
|
|
|
var currentListGroup = $(element).next(".list_group");
|
|
|
|
|
|
//同级子菜单
|
|
|
|
|
|
var siblingsListGroup = currentListGroup[0]?currentListGroup.siblings(".list_group"):$(element).siblings(".list_group");
|
|
|
|
|
|
|
|
|
|
|
|
//当前的打开
|
|
|
|
|
|
currentListGroup.slideToggle(delay);
|
|
|
|
|
|
//同级的关闭
|
|
|
|
|
|
siblingsListGroup.slideUp(delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$.VMenu = {
|
|
|
|
|
|
// 显示菜单
|
|
|
|
|
|
show: function(selecter) {
|
|
|
|
|
|
|
|
|
|
|
|
$(selecter).find("a").click(function(e) {
|
|
|
|
|
|
handlerToggle(this,300);
|
|
|
|
|
|
if($(this).attr("href") == "#")e.preventDefault();
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
//展开某一层菜单
|
|
|
|
|
|
open: function(){
|
|
|
|
|
|
for(var i =0;i<arguments.length;i++) {
|
|
|
|
|
|
var arr = arguments[i].split(".");
|
|
|
|
|
|
var m = $(document.getElementById(arguments[i]));
|
|
|
|
|
|
|
|
|
|
|
|
switch (arr.length) {
|
|
|
|
|
|
case 1:
|
|
|
|
|
|
if(i<1)m.addClass("active");
|
|
|
|
|
|
m.find(".icon-angle_right").toggleClass("icon-angle_down");
|
|
|
|
|
|
m.siblings("a").find(".icon-angle_down").removeClass("icon-angle_down");
|
|
|
|
|
|
m.next(".list_group").show();
|
|
|
|
|
|
break;
|
|
|
|
|
|
case 2:
|
|
|
|
|
|
if(i<1)m.addClass("active");
|
|
|
|
|
|
m.parent().show();
|
|
|
|
|
|
m.next(".list_group").show();
|
|
|
|
|
|
var m2 = $(document.getElementById(arr[0]));
|
|
|
|
|
|
if(i<1)m2.addClass("active");
|
|
|
|
|
|
m2.find(".icon-angle_right").toggleClass("icon-angle_down");
|
|
|
|
|
|
m2.siblings("a").find(".icon-angle_down").removeClass("icon-angle_down");
|
|
|
|
|
|
break;
|
|
|
|
|
|
case 3:
|
|
|
|
|
|
if(i<1)m.addClass("active");
|
|
|
|
|
|
m.parent().show();
|
|
|
|
|
|
m.parent().parent().show();
|
|
|
|
|
|
var m3 = $(document.getElementById(arr[0]));
|
|
|
|
|
|
if(i<1)m3.addClass("active");
|
|
|
|
|
|
m3.find(".icon-angle_right").toggleClass("icon-angle_down");
|
|
|
|
|
|
m3.siblings("a").find(".icon-angle_down").removeClass("icon-angle_down");
|
|
|
|
|
|
var m4 = $(document.getElementById(arr[0]+"."+arr[1]));
|
|
|
|
|
|
if(i<1)m4.addClass("active");
|
|
|
|
|
|
m4.find(".icon-angle_right").toggleClass("icon-angle_down");
|
|
|
|
|
|
m4.siblings("a").find(".icon-angle_down").removeClass("icon-angle_down");
|
|
|
|
|
|
break;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
(jQuery));
|
