Javascript slideToggle（）在向上或向下滑动时不设置动画

我正在制作一个下拉菜单。问题是，当单击菜单项并且菜单应该向下滑动时，它会延迟打开，并且不会产生动画。当它应该向上滑动时，它也不会设置动画

$（'.menu-vertical.nav-menu>li'）。打开（'click'，函数（e）{
e、 预防默认值（）；
$（this）.find（'ul'）.slideToggle（'2000'，'swing'）；
});
.menu vertical.nav menu li ul{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
过渡：全部。4s轻松；
}


这是我的头

这是一个
这是一个
这是一个
这是一个


头是头
头是头

代码缺少
$（document）.ready（）
事件处理程序


$（document）.ready（function（）{//忘记了这一点非常重要
$（'.menu vertical.nav menu>li'）。单击（函数（e）{
e、 预防默认值（）；
$（this）.find（'ul'）.slideToggle（2000，'swing'）；
});
});
.menu vertical.nav menu li ul{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
}

文件

这是我的头

这是一个
这是一个
这是一个
这是一个


头是头
头是头

代码缺少
$（document）.ready（）
事件处理程序


$（document）.ready（function（）{//忘记了这一点非常重要
$（'.menu vertical.nav menu>li'）。单击（函数（e）{
e、 预防默认值（）；
$（this）.find（'ul'）.slideToggle（2000，'swing'）；
});
});
.menu vertical.nav menu li ul{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
}

文件

这是我的头

这是一个
这是一个
这是一个
这是一个


头是头
头是头

看起来问题可能是css中的竞争性转换

幻灯片的计时也应该是数字而不是字符串。当作为字符串传递时，您得到的是默认的400ms计时，而不是您试图指定的2000ms计时


$（'.menu-vertical.nav-menu>li'）。打开（'click'，函数（e）{
e、 预防默认值（）；
$（this）.find（'ul'）.slideToggle（2000，'swing'）；//将'2000'更改为2000
});
.menu vertical.nav menu li ul{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
/*过渡：all.4s ease；看起来问题可能是css中的竞争过渡

幻灯片的计时也应该是数字而不是字符串。当作为字符串传递时，您将获得默认的400毫秒计时，而不是您试图指定的2000毫秒计时


$（'.menu-vertical.nav-menu>li'）。打开（'click'，函数（e）{
e、 预防默认值（）；
$（this）.find（'ul'）.slideToggle（2000，'swing'）；//将'2000'更改为2000
})；
.menu vertical.nav menu li ul{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
/*过渡：所有.4s轻松；
菜单垂直。导航菜单垂直{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
过渡：**背景**.1s易用性；
}
菜单垂直。导航菜单垂直{
位置：相对位置；
背景：#f5！重要；
排名：0；
显示：无；
过渡：**背景**.1s易用性；
}
它在Chrome中对我很好fiddle对我也很好。这只是一个更大代码块的摘录吗？您是否也在使用特定的Browser+版本？使用2000而不是“2000”fiddle对我很好-第一个ul项目是animating@JqueryKing我们现在还不知道真正的问题是什么，但是“2000年”在his代码没有产生任何效果。我正在使用chrome和2000对我产生效果，但是'2000'对我来说没有效果。小提琴对我来说也很好。这只是一个更大代码块的摘录吗？你是否也在使用特定的Browser+版本？使用2000而不是'2000'小提琴对我来说很好-第一个ul站点m是animating@JqueryKing我们现在还不知道真正的问题是什么。但是他的代码中的'2000'没有任何效果。我正在使用chrome和2000对我生效，但是'2000'没有在评论中这样说…做出你的答案…否则人们必须找出代码中的变化啊，好的，抓住了。小提琴设置为包括我请编辑您的答案，以便清楚地知道添加了什么内容。这将使观众更容易阅读。@Daved将答案添加到我的代码中的答案中-是的，但人们必须寻找答案…不要让人们工作，只告诉他们。如果有必要，请举例说明，但不要期望人们逐行阅读全部内容找到一个的代码change@muhaimin你想要的功能是有效的，除非你期待其他的东西。不要在评论中这样说……做你的答案……否则人们必须弄清楚代码中发生了什么变化啊，好的。小提琴已经被设置为包含在DomReady中了。；）不过，请编辑你的答案，以便它是正确的明确添加的内容。这将使观众更容易观看。@Daved将其添加到我的代码中的答案中-是的，但人们必须寻找它…不要让人们工作，只告诉他们。如果必要，请举个例子，但不要期望人们逐行阅读整个代码来找到一个change@muhaimin您想要的功能是w除非你在期待什么