zoukankan      html  css  js  c++  java
  • jquery多级下拉菜单

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


    demo:

    点击文字展开
    点击箭头展开
  • 相关阅读:
    关于linux curl 地址参数的问题
    mac系统安装php redis扩展
    Shell获取上一个月、星期的时间范围
    python redis使用
    python pycurl模块
    Memcached常规应用与分布式部署方案
    mysql忘记密码重置(mac)
    shell命令从目录中循环匹配关键词
    python两个文件的对比
    MySQL优化方案
  • 原文地址:https://www.cnblogs.com/iloveyou-sky/p/5721226.html
Copyright © 2011-2022 走看看