Javascript 单击+；后自动折叠手风琴样式选项卡；带有CSS的图标

我使用以下CSS代码在我的Shopify网站上实现了一个手风琴式选项卡样式的布局：

.so选项卡{
位置：相对位置；
宽度：100%；
溢出：隐藏；
利润率：25px0；
}
.so标签{
位置：相对位置；
显示：块；
填充：0 25px 0 0；
边缘底部：15px；
线高：正常；
光标：指针；
字体大小：粗体；
}
.so选项卡输入{
位置：绝对位置；
不透明度：0；
z指数：-1；
}
.so选项卡内容{
最大高度：0；
溢出：隐藏；
过渡：最大高度.35s；
}
/*：选中*/
.so选项卡输入：选中~.so选项卡内容{
最大高度：无；
}
/*图标*/
.so选项卡标签：：之后{
位置：绝对位置；
右：0；
排名：0；
显示：块；
-webkit转换：全部.35秒；
-o-过渡：均为0.35s；
过渡：全部.35s；
}
.so选项卡输入[类型=复选框]+标签：：之后{
内容：“+”；
}
.so选项卡输入[type=radio]+标签：：之后{
内容：“+”；
}
.so选项卡输入[类型=复选框]：选中+标签：：之后{
变换：旋转（315度）；
}
.so选项卡输入[type=radio]：选中+标签：：之后{
变换：rotateX（180度）；
}

特征
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

描述
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

规格
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

细节
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着
桌面