Javascript 为什么我的手风琴在点击时不显示子标签?

Javascript 为什么我的手风琴在点击时不显示子标签?,javascript,html,css,accordion,Javascript,Html,Css,Accordion,我试图创建一个常见问题手风琴,但不幸的是,当其中一个标签打开时,只有一个空间,什么也没有显示。这是我正在使用的html、CSS和JavaScript。任何帮助都将不胜感激 var acc=document.getElementsByClassName(“accordion”); var panel=document.getElementsByClassName('panel'); 对于(变量i=0;i

我试图创建一个常见问题手风琴,但不幸的是,当其中一个标签打开时,只有一个空间,什么也没有显示。这是我正在使用的html、CSS和JavaScript。任何帮助都将不胜感激

var acc=document.getElementsByClassName(“accordion”);
var panel=document.getElementsByClassName('panel');
对于(变量i=0;i
.master手风琴{
颜色:#141452;
宽度:100%;
身高:80%;
填充:08em;
位置:相对位置;
z指数:99;
对齐项目:居中;
不透明度:.9;
}
.手风琴{
颜色:#141452;
字体大小:粗体;
光标:指针;
填充:18px;
宽度:90%;
不透明度:.95;
文本对齐:左对齐;
边框:1px纯黑;
过渡:0.4s;
字体系列:“Roboto”,无衬线;
z指数:99;
}
.小组{
背景色:白色;
显示:无;
溢出:隐藏;
宽度:90%;
最大高度:0;
过渡段:最大高度0.2s放松;
位置:相对位置;
z指数:99;
字体:16px;
背景色:白色;
填充:10px0;
}
.主动,
.手风琴:悬停{
背景色:#141452;
颜色:白色;
}
手风琴{
内容:'\02795';
字体大小:15px;
浮动:对;
左边距:5px;
}
.active::之后{
内容:'\2796'
}
手风琴{
边缘底部:20px;
}

如何取消租用的空间?
如果您希望取消您的共享空间,只需使用下面的电子邮件联系表单向我们发送一封您打算取消的电子邮件。我们需要在月底前7天通知,以便不收取额外的月租金。
你们有带顶棚的停车位吗?
不,不幸的是现在没有
长期租赁有折扣吗?
是的,你可以提前一年注册并支付费用,第一个月免费。如果您愿意的话,我们很乐意再讨论更多的条款。

您尚未为
show
类设置任何属性。我移除了
display:none
并为
show
类设置了
max height:150px

var acc=document.getElementsByClassName(“accordion”);
var panel=document.getElementsByClassName('panel');
对于(变量i=0;i
.master手风琴{
颜色:#141452;
宽度:100%;
身高:80%;
填充:08em;
位置:相对位置;
z指数:99;
对齐项目:居中;
不透明度:.9;
}
.手风琴{
颜色:#141452;
字体大小:粗体;
光标:指针;
填充:18px;
宽度:90%;
不透明度:.95;
文本对齐:左对齐;
边框:1px纯黑;
过渡:0.4s;
字体系列:“Roboto”,无衬线;
z指数:99;
}
.小组{
背景色:白色;
溢出:隐藏;
宽度:90%;
最大高度:0;
过渡段:最大高度0.2s放松;
位置:相对位置;
z指数:99;
字体:16px;
背景色:白色;
填充:10px0;
}
.panel.show{
最大高度:150像素;
}
.主动,
.手风琴:悬停{
背景色:#141452;
颜色:白色;
}
手风琴{
内容:'\02795';
字体大小:15px;
浮动:对;
左边距:5px;
}
.active::之后{
内容:'\2796'
}
手风琴{
边缘底部:20px;
}

如何取消租用的空间?
如果您希望取消您的共享空间,只需使用下面的电子邮件联系表单向我们发送一封您打算取消的电子邮件。我们需要在月底前7天通知,以便不收取额外的月租金。
你们有带顶棚的停车位吗?
不,不幸的是现在没有
长期租赁有折扣吗?
是的,你可以提前一年注册并支付费用,第一个月免费。如果您愿意的话,我们很乐意再讨论更多的条款。

您尚未为
show
类设置任何属性。我移除了
display:none
并为
show
类设置了
max height:150px

var acc=document.getElementsByClassName(“accordion”);
var panel=document.getElementsByClassName('panel');
对于(变量i=0;i
.master手风琴{
颜色:#141452;
宽度:100%;
身高:80%;
填充:08em;
位置:相对位置;
z指数:99;
对齐项目:居中;
不透明度:.9;
}
.手风琴{
颜色:#141452;
字体大小:粗体;
光标:指针;
填充:18px;
宽度:90%;
不透明度:.95;
文本对齐:左对齐;
边框:1px纯黑;
过渡:0.4s;
字体系列:“Roboto”,无衬线;
z指数:99;
}
.小组{
背景色:白色;
溢出:隐藏;
宽度:90%;
最大高度:0;
过渡:最大值