非常に単純なフッター通知要素を実装して、しばらくスライドしてからスライドして戻そうとしています。私は使用しています:
$('button').click( function () {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
ただし、ボタンをクリックすると、1500 ミリ秒遅れてから上にスライドし、下にスライドすることはありません。
非常に単純なフッター通知要素を実装して、しばらくスライドしてからスライドして戻そうとしています。私は使用しています:
$('button').click( function () {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
ただし、ボタンをクリックすると、1500 ミリ秒遅れてから上にスライドし、下にスライドすることはありません。
あなたが実際に欲しいのはこれです:
$('#message-box').slideDown('slow').delay(1500).slideUp('slow');
ここでテストできます。レイアウトを考えると少し後ろ向きに見えますが、要素を表示.slideDown()
するためのものであり、要素を非表示にするためのものです... CSS が与えられたとしても、表示されると実際には上がります。.slideUp()
また、余談ですが、フィドルを編集するときに<html>
and<body>
タグは必要ありません。これらは既に含まれています... html フレーム内のコンテンツは<body>
.