如何使用Javascript创建手风琴？

正如标题所示，我目前正在尝试创建一个手风琴列表（Javascript），该列表将显示个人健身/营养提示。我使用两个未排序的列表（ul）-一个用于女性提示，一个用于男性提示。提示本身显然将作为列表项（li）保存。 无论如何，我正在努力找出我的错误所在，因为我从一本Javascript书籍中获得了这段代码

我已经添加了Javascript片段以及相关的CSS和HTML。这样就不会有混淆-是的，我有一个HTML文档引用外部js文件

var Accordion=
{
init:function（）
{
var accordions=Core.getElementsByClass（“accordion”）；
对于（变量i=0；i
。性别{
宽度：50%；
高度：自动；
浮动：左；
}
.手风琴h3{
文本对齐：居中；
背景：#1a1718；
}
手风琴{
保证金：0自动；
宽度：85%；
边框顶部样式：实心；
边框宽度：3倍；
}
.手风琴{
填充：10px；
}
李国章{
保证金：0自动；
列表样式类型：无；
}
li#w-tip1，li#m-tip1{
填充顶部：10px；
}
/*手风琴风格（动态）*/
ul.手风琴李*{
位置：绝对位置；
左：-10000px；
}
ul.accordion li.折叠h3，ul.accordion li.扩展h3，
李手风琴折叠h3 a:链接，李手风琴折叠h3 a:访问，
ul.accordion li.expanded h3 a:链接，ul.accordion li.expanded h3 a:已访问{
位置：静态；
}
h3 a.w-tip:链接，h3 a.m-tip:链接，
h3 a.w-tip:已访问，h3 a.m-tip:已访问{
颜色：#fff；
}
h3 a.w-tip:聚焦，h3 a.w-tip:悬停，h3 a.w-tip:激活，
凌晨三点提示：聚焦，凌晨三点提示：悬停，凌晨三点提示：激活{
颜色：#00ff00；
}




Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。




Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。




Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。






Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。




Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。




Lorem ipsum dolor sit amet，是一位杰出的献身者。枕叶镰刀菌。这是一个腐败的国家，是一个有效率的国家，是一个精英的国家，是一个自由的国家。前庭：一种透明的前庭。暂不适用于智者，也适用于智者。



您的问题是什么？手风琴没有展开和折叠。加载页面时，所有提示都保持打开状态，单击它们只会将用户放置在其位置（href=“#id”）。很抱歉，我没有正确地解释我自己-我希望加载页面并将所有提示折叠起来。然后，当用户单击提示时，它将展开以显示段落标记的内容。然后，当您再次单击它时，将其折叠回其原始折叠状态。此外，我希望它们保持扩展状态，除非再次单击它们（以便可以同时显示多个列表项）打开开发工具