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

时间:2010-09-30 17:12:44

标签: jquery delay slideup slidedown

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

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

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

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

1 个答案:

答案 0 :(得分:23)

你真正想要的是:

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

You can test it here。虽然考虑到你的布局似乎有些倒退,.slideDown()用于显示元素,而.slideUp()用于隐藏元素...甚至虽然给出了你的CSS,它实际上会在显示时上升。

另外,在编辑小提琴时,您不需要<html><body>标记,这些标记已经包含在内... ... html框架中的任何内容都将放在{{1 }}