Javascript 为什么nav的子项不出现

简单地说，我有一个导航栏，当我单击

中的按钮时，应该会出现类为

.nav collapse

或

的子div。一个工作，另一个不工作


var menuItems=$（'.menu-li.item-child'）；
每个菜单项（功能（el）{
var$this=$（this）；
var activatingA=$this.find（'>a'）；
变量btn='显示“”的子菜单'+
激活a.text（）+“”；
激活A.追加（btn）；
$this.find（“按钮”）。单击（函数（事件）{
event.preventDefault（）；
log（“el”，$（this.parents（'li.item child'））；
$（this）.parents（'li.item child'）.toggleClass（“打开”）；
$（this.attr（'aria-expanded'，函数（index，attr）{
return attr=='true'？'false'：'true'；
});
});
});
.header-synopric21{
背景：无；
}
.总管{
背景颜色：灰色；
}
.header main.header包装器{
显示器：flex；
证明内容：之间的空间；
调整项目：基线；
填充：3rem 0；
宽度：118雷姆；
最大宽度：118雷姆；
保证金：自动；
}
.总管总管.剖面图{
颜色：#fafbfc；
显示器：flex；
}
.总管总管.剖面图a{
宽度：4.5雷姆；
显示器：flex；
证明内容：中心；
对齐项目：居中；
右边距：0.2rem；
}
.总管总管.剖面a:悬停{
背景颜色：灰色；
}
.总管总管.剖面图p{
线高：3rem；
页边距底部：0；
}
.集管总管.剖面图img{
宽度：1.4rem；
高度：2em；
}
.菜单会议{
背景颜色：灰色；
}
.菜单目录导航栏导航{
保证金：自动；
最小宽度：50rem；
宽度：100%；
显示器：flex；
证明内容：中心；
弯曲方向：行；
}
.菜单目录导航栏导航>li{
文本对齐：居中；
填充物：1.5雷姆2.5雷姆；
右边距：1rem；
弹性基准：14.5雷姆；
宽度：14.5雷姆；
最小宽度：14.5雷姆；
}
.menu syno.navbar nav>li:悬停{
背景颜色：蓝色；
颜色：白色；
}
.菜单目录导航栏导航>li.is-active{
背景颜色：蓝色；
颜色：白色；
}
.menu syno.navbar nav>li:最后一个孩子{
右边距：0；
}
.菜单目录导航栏导航>李莉{
右边距：0；
填充：1rem2rem；
}
.menu syno.navbar nav>li>.nav链接{
颜色：白色；
填充：0；
大纲：透明；
}
.菜单syno.导航栏导航>li.item-child{
显示器：flex；
位置：相对位置；
}
.菜单目录目录导航栏导航>li.item-child.item列表{
位置：绝对位置；
显示：无；
宽度：91雷姆；
最小宽度：91rem；
左：50%；
转化：translateX（-50%）；
顶部：6rem；
填充：0；
最高保证金：-0.6雷姆；
边界半径：0；
背景色：#D3；
z指数：9；
网格模板区域：“顶部”“左中右中”；
}
.menu syno.navbar nav>li.item-child.item list.slick list{
网格区域：顶部；
}
.menu syno.navbar nav>li.item-child.item list.slick轨道{
背景颜色：蓝色；
/*******/
/*******/
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide{
/*******/
浮动：左；
身高：100%；
最小高度：1px；
/*******/
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div{
填充：2rem；
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div:悬停{
背景色：#D3；
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div:hover a{
颜色：蓝色；
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div h2{
字号：1.2rem；
文本转换：大写；
边缘底部：1rem；
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div h2 a{
颜色：白色；
文字装饰：无；
字体系列：“arial”；
}
.menu syno.navbar nav>li.item-child.item list.slick track div.slick-slide>div h2按钮{
显示：无；
}
.菜单syno.导航栏导航>li.item-child.项目列表ul.slick-dots{
显示器：flex；
柔性包装：包装；
弯曲方向：行；
宽度：100%；
弹性基准：100%；
背景颜色：蓝色；
边框顶部：1px纯蓝色；
证明内容：中心；
对齐项目：居中；
身高：5雷姆；
位置：相对位置；
排名：0；
网格区域：中心；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li{
填充：0；
显示：flex！重要；
证明内容：中心；
对齐项目：居中；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li:第一个孩子{
左边距：0；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li.slick-active{
字体大小：粗体；
背景：白色；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li.slick-active a{
颜色：#公元前1660年；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li:悬停{
背景色：白色；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li:悬停a{
颜色：蓝色；
}
.menu syno.navbar nav>li.item-child.item list ul.slick-dots li a{
颜色：白色；
}
.menu syno.navbar nav>li.item-child.item list.平滑箭头{
背景颜色：蓝色；
身高：100%；
宽度：100%；
z指数：9；
}
.menu syno.navbar nav>li.item-child.item list.slick-arrow.slick-prev{
左：未设置；
右：0；
文本对齐：右对齐；
网格区域：左侧；
边框顶部：1px纯蓝色；
}
.menu syno.navbar nav>li.item-child.item list.slick arrow.slick prev:before{
内容：“；
背景图像：url（“../img/arrow-prev.svg”）；
显示：块；
宽度：1em；
高度：1公厘；
背景尺寸：封面；
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
右：1rem；
}
.菜单会议
$this.find("button").click(function(event) {

menuItems.find("button").click(function(event) {