jQuery动画播放是否向后？

我正在尝试使用在stackoverflow上找到的fadein+slidedown脚本

$('#topmenu').animate({
    "height": "toggle",
    "opacity": "toggle" 
}, "slow");

$('.post').delay(1000).animate({
    "height": "toggle", 
    "opacity": "toggle" 
}, "slow");

由于某些原因，这两个动画正在向后播放。。。你能帮我找出原因吗？

#topmenu

和

。post

最初需要隐藏，以便在使用

切换

选项时淡入并向下滑动。比如说,

#topmenu, .post {
  display: none;
}

在您的情况下，由于元素最初是可见的，因此

切换

选项将淡出并将其滑出

您还可以在播放动画之前使用

.hide（）

。但是，我仍然相信在这里使用CSS是最佳的解决方案

---

注意：如果要应用一次性效果，可以使用

“显示”

和

“隐藏”

而不是

“切换”

。

可以使用自定义值设置动画

要隐藏：

$('#topmenu').animate({
    "height": 0
    "opacity": 0
}, "slow");

$('.post').delay(1000).animate({
    "height": 0,
    "opacity": 0
}, "slow");

显示：

$('#topmenu').animate({
    "height": $('#topmenu').outerHeight(),
    "opacity": 1
}, "slow");

$('.post').delay(1000).animate({
    "height": $('.post').outerHeight(),
    "opacity": 1
}, "slow");

---

或者你甚至可以使用slideDown/slideUp和fadeIn/fadeOut。

@yckart所有这些都适用于slideDown。你是怎么滑的？@NiccolòMineo，这个问题对我来说是什么意思？亚历山大，对你们两个来说（我在评论你的帖子时，没有必要手动提及你）。谢谢大家!@NiccolòMineo，我不知道你想要实现什么，但你可以使用

“show”

和

“hide”

而不是

“toggle”

，我认为这会更好地满足你的需要。您似乎没有使用任何

“切换”