Javascript 手风琴列表高度

Javascript 手风琴列表高度,javascript,html,css,accordion,Javascript,Html,Css,Accordion,下面是我创建的手风琴列表的代码。我想我把所有标题框的高度都设置为相同的,但是A的高度比其他的要大。我做错了什么?任何有帮助的,干杯 (函数(){ var手风琴,i; //确保浏览器支持我们将要执行的操作。 如果(!document.querySelectorAll | |!document.body.classList)返回; //使用函数有助于将每个手风琴与其他手风琴分离 功能制作手风琴(手风琴){ var目标,currentTarget,i; 目标=accordion.querySelec

下面是我创建的手风琴列表的代码。我想我把所有标题框的高度都设置为相同的,但是A的高度比其他的要大。我做错了什么?任何有帮助的,干杯

(函数(){
var手风琴,i;
//确保浏览器支持我们将要执行的操作。
如果(!document.querySelectorAll | |!document.body.classList)返回;
//使用函数有助于将每个手风琴与其他手风琴分离
功能制作手风琴(手风琴){
var目标,currentTarget,i;
目标=accordion.querySelectorAll('.accordion>*>h1');
对于(i=0;i

/*车身风格*/
身体{
填充:2%;
}
/*所有段落*/
p{
填充物:5px;
颜色:#007a5e
}
/*手风琴乐章*/
.accordion.js>*{
溢出:隐藏;
}
.accordion.js>*:非(.expanded)>*:非(h1){
最大高度:0;
边际上限:0;
页边距底部:0;
不透明度:0;
可见性:隐藏;
}
.accordion.js>.expanded>*:非(h1){
不透明度:1;
能见度:可见;
}
.accordion.js>*>h1{
光标:指针;
能见度:可见;
}
.accordion.js>*>*:非(h1){
过渡:最大高度0.5s,
能见度0.5s,
保证金0.5s,
不透明度0.5s;
}
/*截面特性*/
.部分{
字体系列:Verdana;
字体重量:较轻;
颜色:#5e5e;
文本对齐:居中;
边框样式:实心;
边框宽度:1px;
边框颜色:#E3;
填充物:5px;
背景色:#fcfc;
边界半径:1px;
}
.部分:悬停{
盒影:0.5pxRGBA(0,0,0,0.1);
-moz盒阴影:0.10px rgba(0,0,0,0.1);
-webkit盒阴影:0 10px rgba(0,0,0,0.1);
-o盒阴影:0.10px rgba(0,0,0,0.1);
}
/*绿色部分属性*/
.第2节{
字体系列:Verdana;
字体重量:较轻;
颜色:#FFFFFF;
文本对齐:居中;
边框样式:实心;
边框宽度:1px;
边框颜色:#E3;
填充物:5px;
背景色:#007a5e;
边界半径:1px;
}
.第2节:悬停{
盒影:0.5pxRGBA(0,0,0,0.1);
-moz盒阴影:0.10px rgba(0,0,0,0.1);
-webkit盒阴影:0 10px rgba(0,0,0,0.1);
-o盒阴影:0.10px rgba(0,0,0,0.1);
}
/*链接框属性*/
.LinkBox:链接,.LinkBox:已访问{
边框颜色:#007a5e;
边框样式:实心;
边框宽度:1px;
背景色:#fcfc;
颜色:#5e5e;
填充:12.5px 12.5px;
文本对齐:居中;
文字装饰:无;
显示:内联块;
}
.LinkBox:悬停,.LinkBox:活动{
边框颜色:#007a5e;
边框样式:实心;
边框宽度:1px;
背景色:#fcfc;
盒影:0.5pxRGBA(0,0,0,0.1);
-moz盒阴影:0.10px rgba(0,0,0,0.1);
-webkit盒阴影:0 10px rgba(0,0,0,0.1);
-o盒阴影:0.10px rgba(0,0,0,0.1);
}
/*绿色链接框属性*/
.linkboxes2:链接,.linkboxes2:已访问{
边框颜色:#FFFFFF;
边框样式:实心;
边框宽度:1px;
背景色:#007a5e;
颜色:#FFFFFF;
填充:12.5px 12.5px;
文本对齐:居中;
文字装饰:无;
显示:内联块;
}
.linkboxes2:悬停,.linkboxes2:活动{
边框颜色:#E0;
边框样式:实心;
边框宽度:1px;
背景色:#007a5e;
盒影:0.5pxRGBA(0,0,0,0.1);
-moz盒阴影:0.10px rgba(0,0,0,0.1);
-webkit盒阴影:0 10px rgba(0,0,0,0.1);
-o盒阴影:0.10px rgba(0,0,0,0.1);
}
/*阅读更多信息框1*/
.阅读更多国家信息{
显示:无;
}
.阅读更多目标{
不透明度:0;
最大高度:0;
字号:0;
过渡:25秒缓解;
}
.read more状态:选中~。读取更多包装。读取更多目标{
不透明度:1;
字体大小:继承;
最大高度:999em;
}
.读取更多状态~.读取更多触发器:之前{
内容:"二月活动";;
字体大小:粗体;
颜色:#007a5e
}
.读取更多状态:选中~.读取更多触发器:之前{
内容:"二月活动";;
}
.阅读更多信息{
光标:指针;
}
/*阅读更多框2*/
.read-more-state2{
显示:无;
}
.read-more-target2{
不透明度:0;
最大高度:0;
字号:0;
过渡:25秒缓解;
}
.read-more-state2:选中~.read-more-wrap2.read-more-target2{
不透明度:1;
字体大小:继承;
最大高度:999em;
}
.read-more-state2~.read-more-trigger2:之前{
内容:"游行活动";;
字体大小:粗体;
颜色:#007a5e
}
.read-more-state2:选中~.read-more-trigger2:之前{
内容:"游行活动";;
}
.read-more-Trigger 2{
光标:指针;
}
/*阅读更多框3*/
.read-more-state3{
显示:无;
}
.read-more-target3{
不透明度:0;
最大高度:0;
字号:0;
过渡:25秒缓解;
}
.read-more-state3:选中~.read-more-wrap3.read-more-target3{
不透明度:1;
字体大小:继承;
最大高度:999em;
}
.read-more-state3~.read-more-trigger3:之前{
内容:"四月活动";;
字体大小:粗体;
颜色:#007a5e
}
.read-more-state3:选中~.read-more-trigger3:之前{
内容:"四月活动";;
}
.read-more-Trigger 3{
光标:指针;
}
/*阅读更多框4*/
.read-more-state4{
显示:无;
}
.read-more-target4{
不透明度:0;
最大高度:0;
字号:0;
过渡:25秒缓解;
}
.read-more-state4:选中~.read-more-wrap4.read-more-target4{
不透明度:1;
字体大小:继承;
最大高度:999em;
}
.read-more-state4