单击Javascript折叠DIV

我正在学习javascript，但遇到了一些需要帮助的问题。我有一个包含不同组的通知框。我希望一次只能打开一个通知组

使用CSS，默认情况下所有通知组都已折叠。每当有人单击“新建组”选项卡时，现有组应折叠，新选项卡应打开

密码：

$（'.notification选项卡'）。单击（函数（e）{
if（$（e.currentTarget）.parent（）.hasClass（'active'））{
$（'.notification group'）.removeClass（'active'）；
}
否则{
$（'.notification group'）.removeClass（'active'）；
$（e.currentTarget）.parent（）.toggleClass（'active'）；
}
})

。通知列表项{
填充：5px25px 15px；
边框底部：1px实心#e3}
.通知列表项：第n个子项（偶数）{背景色：#e3}
.通知选项卡{
边框底部：1px实心#e3；
显示：内联块；
宽度：100%}
.visible{显示：阻止！重要}
.profiledrop{
宽度：300px；
高度：自动；
显示：无；
最大高度：400px；
溢出y：自动；
填充：0；
保证金：0；
背景：#eee；
利润上限：3倍；
右边距：-15px；
边框顶部：4倍纯蓝；
边框左下半径：15px；
边框右下半径：15px；
-网络工具包盒阴影：2px210px-5pxRGBA（0,0,0,0.75）；
盒子阴影：2px2px10px-5pxRGBA（0,0,0,0.75）；}
.通知小组{
边框底部：1px实心#e3；
溢出：隐藏；
最小高度：65px；}
.通知清单{
填充：0；
溢出y：自动；
高度：0px；
最大高度：200px；
转换：高度.15s；}
.active.notification列表{高度：200px；}
.active.notification选项卡、.notification选项卡：悬停{背景色：#5B7042}
.active.label、.notification选项卡：悬停.label{边框：1px纯白}
.通知选项卡：悬停{颜色：白色}
.active.label、.active h4{颜色：白色}
a{color:#5B7042；文本装饰：无；字体大小：粗体}
.标签{
浮动：对；
边缘顶部：20px；
右边距：10px；
颜色：$原色；
边框：1px实心橙色；
填充：0px 7px；
边界半径：15px；}
h4{左边距：10px}
h4，.标签{显示：内联块；}
.item footer.date{float:right}
.expnded{背景色：紫色}

任务
4.


在周一的截止日期前完成您需要完成的任务
200万年前




行为
3.


Alivia是老师先生写的
5秒前


马歇尔是老师写的

三千万年前


Trae是老师先生写的

1d前


肯尼迪是老师写的

5天前




作业
3/3


帕特里克添加的历史作业

200万年前


帕特里克增加的数学作业

200万年前


布兰迪增加的科学作业

200万年前

你的代码笔似乎工作得很好（包括jquery）——你遇到了什么问题？@DanielBeck当我单击“行为”时，“家庭作业”组应该关闭，但它既不打开行为也不关闭家庭作业。它肯定在Firefox 87中工作。