Jquery 根据子菜单动态增加下拉高度'；她身高多少？ 起初的

渴望的

深度级别-1（菜单项-1.x）定位为

relative

和深度级别-2,3。。菜单定位为

绝对

如果

depth-level-2-菜单

的列表项多于

depth-level-1

，

depth-level-1

应根据

depth-level-2

扩展其高度

$（文档）.ready（函数（）{
/*深度-0
===========*/
$（'.afs菜单项'）。单击（函数（）{
$（'.afs col ul li'）.removeClass（'active'）；//结束深度-1
if（$（this）.closest（“li.afs菜单项”）.children（.afs下拉列表”）.length）{
$（'.afs下拉列表'）.slideToggle（'fast'）；
}否则{
var url=$（this.closest（“li.menu项”）.attr（'href'）；
打开（url“_self”）；
}
返回false；
});
/*深度-1
===========*/
$（'.afs col ul li'）。单击（函数（事件）{
event.stopPropagation（）；
$（'.afs sub col ul li'）.removeClass（'active'）；//结束深度-2
var depth1=$（此）；
depth1.sibles（）.removeClass（'active'）；
if（depth1.hasClass（'active'））{
深度1.removeClass（“活动”）；
}否则{
depth1.addClass（“活动”）；
}
});
/*深度-2
==============*/
$（'.afs子列ul li'）。单击（函数（事件）{
event.preventDefault（）；
$（this.addClass（'active'）；
var depth2=$（此）；
depth2.sides（）.removeClass（'active'）；
if（depth2.hasClass（'active'））{
深度2.removeClass（“活动”）；
}否则{
depth2.addClass（“活动”）；
}
});
/*深度-3
=============*/
$（'.afs子列>ul>li'）。单击（函数（事件）{
var depth3=$（此）；
depth3.sides（）.removeClass（'active'）；
if（depth3.hasClass（'active'））{
深度3.removeClass（“活动”）；
}否则{
深度3.addClass（“活动”）；
}
});
}); // Jquery文档关闭

正文{
字体系列：“Mada”，无衬线；
字号：600；
线高：1；
}
ol,，
保险商实验室{
列表样式：无；
}
/*容器
===============*/
.集装箱{
位置：相对位置；
宽度：100%；
保证金：0自动；
}
.内部{
位置：相对位置；
宽度：1500px；
保证金：0自动；
}
.afs菜单{
文字装饰：无；
文本对齐：居中；
}
.afs菜单李a{
文字装饰：无；
字体大小：23px；
颜色：#00A0F0；
过渡：所有0.3s线性；
}
.afs下拉列表李a{
文字装饰：无；
字号：18px；
颜色：#00A0F0；
过渡：所有0.3s线性；
}
李娜：停下来{
颜色：#000；
}
.afs菜单>li{
显示：内联块；
填充：15px 20px；
}
.afs下拉列表{
位置：绝对位置；
顶部：80px；
左：0；
宽度：100%；
文本对齐：左对齐；
显示：无；
背景色：#888；
}
.afs下拉列表>.afs列{
显示：块；
}
美国空军上校{
位置：相对位置；
排名：0；
显示：块；
宽度：33%；
背景色：透明；
z指数：99；
}
.afs col>ul>li{
填充：20px 0px；
边框底部：1px点#ccc；
}
.afs子列>ul>li{
填充：20px 0px；
边框底部：1px点#ccc；
}
.afs子列>ul>li{
填充：20px 0px；
边框底部：1px点#ccc；
}
.afs子列>ul>li{
填充：20px 0px；
边框底部：1px点#ccc；
}
.afs分队{
位置：绝对位置；
左：510px；
排名：0；
/*显示：无*/
不透明度：0；
宽度：100%；
过渡：宽度300ms，不透明度300ms；
}
.afs分队{
位置：绝对位置；
左：510px；
排名：0；
不透明度：0；
过渡：宽度300ms，不透明度300ms；
宽度：100%；
}
.afs分栏{
位置：绝对位置；
左：510px；
排名：0；
显示：无；
宽度：100%；
}
.active.afs col{
显示：块；
}
.afs列激活。afs子列{
/*显示：块*/
不透明度：1；
}
.afs列afs子列li.active.afs子列{
不透明度：1；
}
.afs列afs子列afs子列活动afs子列afs子列{
显示：块；
}
.afs儿童压头{
颜色：#00A0F0；
字体大小：20px；
浮动：对；
左侧填充：10px；
垫面：1px；
}
/*后退按钮*/
.afs后退按钮{
显示：无；
文本对齐：居中；
填充：10px 20px；
宽度：100px；
背景色：#00A0F0；
过渡：不透明度300ms；
}
.afs后退按钮a{
颜色：#fff；
文字装饰：无；
字体大小：15px；
}
.打开{
显示：块
}

创建一个新变量，我称之为

div

var div = $(".afs-dropdown");

然后您只需添加一个新类或一个新css

div.addClass('height');

当用户再次单击菜单链接时，可以删除该类

div.removeClass('height');

代码将添加一个名为

height

的新类，

height

类的css将具有

height:400px//或所需金额

以下是一个例子：

---

告诉我是否有用

创建一个新变量，我称之为

div

var div = $(".afs-dropdown");

然后您只需添加一个新类或一个新css

div.addClass('height');

当用户再次单击菜单链接时，可以删除该类

div.removeClass('height');

c