我正在尝试实现一个非常简单的页脚通知元素,以便向上滑动片刻,然后向下滑动。我正在使用:
$('button').click( function () {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
然而,当您单击该按钮时,它会延迟1500毫秒然后向上滑动并且永远不会向下滑动。
答案 0 :(得分:23)
你真正想要的是:
$('#message-box').slideDown('slow').delay(1500).slideUp('slow');
You can test it here。虽然考虑到你的布局似乎有些倒退,.slideDown()
用于显示元素,而.slideUp()
用于隐藏元素...甚至虽然给出了你的CSS,它实际上会在显示时上升。
另外,在编辑小提琴时,您不需要<html>
和<body>
标记,这些标记已经包含在内... ... html框架中的任何内容都将放在{{1 }}