jQuery:slideUp()delay()然后slideDown; 不工作

我正在尝试实现一个非常简单的页脚通知元素,以便向上滑动片刻,然后向下滑动。 我正在使用:

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

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

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

你真正想要的是这个:

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

你可以在这里测试一下 。 虽然在给定布局时看起来有点倒退,但.slideDown()用于显示元素,而.slideUp()用于隐藏元素…即使给定了CSS,它实际上也会在显示时显示。

另外,在编辑小提琴时你不需要标签,这些已经包含在内…… html框架中的任何内容都将进入