首页 > Web开发 > 详细

jquery多级下拉菜单

时间:2016-07-30 18:16:15      阅读:249      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!