使用jQuery时，不会出现快速的子菜单

我有一个垂直移动菜单，其中有一个子菜单。我使用jQuery来显示它，还有一个function.toggleClass。问题是它会立即发生，而且发生的速度非常快。有没有一种方法可以更微妙地应用某种转换

下面是代码笔和代码本身，说明了现在正在发生的事情。点击公文包链接

使用“切换”而不是“切换类”“打开”菜单

默认速度为400ms，您可以更改de持续时间或缓和类型。在此处查看所有选项：

如果需要添加.open菜单类，则可以使用如下函数回调：

$(function(){
 $(".burger__nav-link_click-item").on("click", function(){
  $(".burger__nav-wrap_hidden-menu").toggle(500,function(){
    $(this).toggleClass('open-menu');
  })
 })
});

---

子菜单的两种状态当前有display:none和display:block。由于显示不可设置动画，因此需要使用另一个属性来隐藏子菜单。一个可以转换的

例如，可以使用“最大高度”：

.burger_uu导航包裹隐藏菜单{ 最大高度：0； 溢出：隐藏； 过渡：最大高度。4s立方贝塞尔。4,0,2,1； } .打开菜单{ 最大高度：90px； } $function{ $.burger\u导航链接\u单击项.onclick，函数{ $.burger\uuu导航包裹\u隐藏菜单。toggleClassopen-menu； }; }; .burger_uu导航包裹隐藏菜单{ 最大高度：0； 溢出：隐藏； 过渡：最大高度。4s立方贝塞尔。4,0,2,1； } .打开菜单{ 最大高度：90px； }

---

不要从我们这方面猜测，并总是试图为你的问题创造一个新的答案。还有十几种方法可以解释你微妙的方式——定义你想要什么。具体点。我希望编辑的版本更好。谢谢你！这很有帮助。

$(function(){
 $(".burger__nav-link_click-item").on("click", function(){
  $(".burger__nav-wrap_hidden-menu").toggle(500,function(){
    $(this).toggleClass('open-menu');
  })
 })
});