码迷,mamicode.com
首页 > Web开发 > 详细

jquery多级下拉菜单

时间:2016-07-30 18:16:31      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

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:

点击文字展开
点击箭头展开

jquery多级下拉菜单

标签:

原文地址:http://www.cnblogs.com/iloveyou-sky/p/5721226.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!