Javascript 切换函数在jQuery中工作，但不能滑动切换

我正试图使

滑块切换

正常工作，但无法理解。根据不同的答案，我尝试添加

display:block

和

display:none

，但这也不起作用

JSIDLE演示：

JS:

CSS:

---

问题在于您使用的jQuery版本（3.3.1.slim.min.js）没有

slideToggle（）

中要求的动画效果。尝试使用其他版本：

jQuery（“.menupolicies.parent ul”）.hide（）；
jQuery（“.menupolicies>li>ul”）.show（）；
jQuery（“.menupolicies.parent>span”）。单击（函数（）{
jQuery（this）.next（“ul”）.slideToggle（）；
//jQuery（this.next（“ul”）.toggle（）；
});
jQuery（“.menupolicies.parent.nav头”）。单击（函数（e）{
jQuery（this）.find（“img”）.toggleClass（“箭头”）；
});
.hide{
显示：无；
}
.menupolicies>li{
宽度：100%；
}
.菜单政策.家长{
填充：5px0；
显示：块；
}
.MenuPolicys.parent ul{
显示：无；
}
.menupolicies a、.menupolicies li{
字体大小：14px；
颜色：#333；
}
.MenuPolicys。活动{
字体大小：粗体；
}
.导航{
页边距底部：0；
左侧填充：0；
列表样式：无；
}
.MenuPolicys.parent span img{
宽度：24px；
浮动：对；
}
.菜单政策.箭头{
-ms变换：旋转（180度）；
-webkit变换：旋转（180度）；
-moz变换：旋转（180度）；
-o变换：旋转（180度）；
变换：旋转（180度）；
}


市场


条款2


术语B








条款3








jQuery(".menupolicies .parent ul").hide();
jQuery(".menupolicies>li>ul").show();
jQuery(".menupolicies .parent > span").click(function() {
  jQuery(this).next("ul").slideToggle();
  /* jQuery(this).next("ul").toggle(); */
});
jQuery(".menupolicies .parent .nav-header").click(function(e) {
  jQuery(this).find("img").toggleClass( "arrow" );
});

.menupolicies .parent {
  padding: 5px 0;
  display: block;
}
.menupolicies .parent ul {
  display: none;
}