Javascript 加载页面时，WordPress（jQuery）侧边栏菜单不会展开

当我在WordPress中激活侧边栏菜单时，有两个问题

活动菜单颜色不会更改或高亮显示

加载页面后，单击侧栏菜单中的帖子和/或子菜单将不再展开。菜单崩溃了。但我希望所选的菜单项即使在页面加载后也能展开。当我点击时，它会崩溃

如何解决这两个问题

$（文档）.ready（函数（）{
$（“.sidebar menu>li>a”）。在（“单击”上，函数（e）{
//如果（$（this.parent（）.has（“ul”））{
//e、 预防默认值（）；
//}
if（！$（this）.hasClass（“打开”））{
//隐藏所有打开的菜单并删除所有其他类
$（“.sidebar menu li ul”）.slideUp（350）；
$（“.sidebar menu li a”）.removeClass（“打开”）；
//打开我们的新菜单并添加开放类
$（this.next（“ul”）。向下滑动（350）；
$（此）.addClass（“打开”）；
}否则
if（$（this）.hasClass（“打开”））{
$（此）.removeClass（“打开”）；
$（本）.next（“ul”）.slideUp（350）；
}
});
});
。单页侧边栏{
位置：固定；
排名：0；
左：0；
左边距：0；
宽度：265px；
身高：100%；
背景：#fff；
溢出y：自动；
}
.单页侧边栏.侧边栏标题h2{
文本转换：大写；
颜色：#131212；
填充顶部：25px；
}
.单页侧栏ul.侧栏菜单，
.单页侧栏ul.侧栏-菜单ul{
保证金：0；
填充：0；
列表样式：无；
身高：100%；
背景：#000；
}
.单页侧栏ul.侧栏-菜单a{
显示：块；
宽度：100%；
字号：18px；
字体大小：400；
字体系列：“Hind Siliguri”，无衬线；
左侧填充：20px；
颜色：#fff；
左边框：3倍实心透明；
过渡：所有0.3秒缓解；
}
.单页侧栏ul.侧栏菜单li，
.单页侧栏ul.侧栏菜单li ul li{
线高：24px；
填充顶部：15px；
}
.单页侧栏ul.侧栏-菜单li a:悬停，
.单页侧栏ul.侧栏-菜单li ul li a:悬停{
颜色：矢车菊蓝；
左边框颜色：青色；
}
.侧边栏菜单li.active a{
颜色：青色；
左边框颜色：青色；
}
.单页侧边栏ul.侧边栏-menul li a跨度{
位置：相对顶部：0；
}
.单页侧栏ul.侧栏-菜单li a span i{
位置：绝对位置；
最高：50%；
右：30px；
转化：translateY（-50%）；
}
.单页侧栏ul.侧栏-菜单li:悬停>跨距i{
变换：平移（-50%）旋转（-180度）；
转换：转换0.3s；
}
.单页侧栏ul.侧栏-菜单li a{
光标：指针；
}
.单页侧栏ul.侧栏-菜单li ul{
填充：0；
保证金：0；
显示：无；
}
.单页侧栏ul.侧栏菜单li ul li{
宽度：100%；
最小高度：10px；
}
.单页侧边栏ul.侧边栏-菜单li ul li a{
左侧填充：40px；
}

边栏