Javascript 我想保持以下手风琴的过渡效果_Javascript_Jquery_Html_Css

Javascript 我想保持以下手风琴的过渡效果

javascript jquery html css

Javascript 我想保持以下手风琴的过渡效果,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用按钮创建嵌套的手风琴，但每当我试图实现它时，它只在第一次起作用我已经把上面的例子只放在第一个Asdf手风琴工作，其余的不工作 var acc=document.getElementsByClassName（“accordion”）； var i；对于（i=0；i

我想用按钮创建嵌套的手风琴，但每当我试图实现它时，它只在第一次起作用

我已经把上面的例子只放在第一个Asdf手风琴工作，其余的不工作

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i


手风琴{
背景色：#f7f7f7；
颜色：#3985ff；
光标：指针；
填充：15px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字号：18px；
过渡：0.2s；
文字装饰：下划线；
}
.活动，.手风琴：悬停{
背景色：#eee；
}
.手风琴{
内容：“\002B”；
颜色：#777；
字体大小：粗体；
浮动：对；
左边距：5px；
}
.活动：之后{
内容：“\2212”；
}
.小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
}

asdf
 
asdf
asdf
 
asdf
qwer
 
asdf

问题在于单击元素后设置元素高度的方式。见下文

var acc=document.getElementsByClassName（“accordion”）；
对于（变量i=0；i


手风琴{
背景色：#f7f7f7；
颜色：#3985ff；
光标：指针；
填充：15px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字号：18px；
过渡：0.2s；
文字装饰：下划线；
}
.活动，.手风琴：悬停{
背景色：#eee；
}
.手风琴{
内容：“\002B”；
颜色：#777；
字体大小：粗体；
浮动：对；
左边距：5px；
}
.活动：之后{
内容：“\2212”；
}
.小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
}

asdf
 
asdf
asdf
 
asdf
qwer
 
asdf