(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));