jQuery：slideUp()延迟()然后slideDown；不起作用

Question

10

我正在尝试实现一个非常简单的页脚通知元素，它会向上滑动一段时间，然后再向下滑动。我正在使用：

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

然而，当你点击按钮时，它会延迟1500毫秒然后向上滑动，却永远不会向下滑动。

- Ryan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nick Craver · Accepted Answer

你真正想要的是这个：

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

你可以在这里测试。尽管根据您的布局看起来有些反向，.slideDown() 用于显示元素，而.slideUp() 用于隐藏元素... 即使根据您的CSS样式，显示时实际上是向上滑动的。

另外顺带一提，编辑fiddle时不需要添加 <html> 和 <body> 标签，因为这些已经包含在内... 在 html 框架中的任何内容都将放在 <body> 中。