jquery多级下拉菜单

最新推荐文章于 2021-02-28 15:37:43 发布

weixin_30883311

最新推荐文章于 2021-02-28 15:37:43 发布

阅读量74

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/iloveyou-sky/p/5721226.html

版权

var menu = new Click('#menu',{target:'p',parent:'li',contr:'ul',way:0});

/*
    参数说明：
    target : 点击事件发生在该元素内
    way : 0 只显示一个，1允许显示多个;
    parent : 点击的祖先元素标识，用以查找控制元素
    contr : 控制的元素

 */
function Click(me,parm){
    var tar = parm.target, parent = parm.parent, contr = parm.contr, way = parm.way;
    $(me).click(function(e){
        var t = $(e.target);
        if(t.is(tar) || t.closest(tar).size()>0){
            // 下一级
            var m = t.closest(parent).children(contr);

            // 判断下一级显示
            if(m.is(':hidden')) {
                m.slideDown();
                if(!way){
                    t.closest(parent).siblings(parent).find(contr).slideUp();
                };
            }else{
                m.slideUp();
            };
        };
    });
};