jQuery：slideUp（）延迟（）然后slideDown；不工作

Question

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

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

但是，当您单击按钮时，它会延迟 1500 毫秒，然后向上滑动，并且永远不会向下滑动。

http://jsfiddle.net/jrMH3/17/

Answer 1

您真正想要的是：

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

您可以在此处测试。虽然考虑到您的布局，它看起来有点倒退，但 .slideDown() 用于显示 一个元素，.slideUp() 用于隐藏 一个元素...即使给定你的 CSS，它在显示时实际上会上升。

另外，编辑小提琴时不需要 和 标签，这些标签已经包含在... html 框架将进入 内部。