javascript - 基本 jQuery slideUp/slideDown 帮助

Question

我想知道是否可以添加一个功能，它会再次显示数据，例如在给定的时间后使其滑回或其他东西，这样您就可以返回并重新输入您的数据。

它目前只是在提交后向上滑动，然后显示文本。

 $("#help").slideUp(function() {
$("#help").before('<div class="failMessage">SOME FAIL TEXT HERE</div>');
setTimeout(ShowControlsHideFailMessage,5000);
 });

    function ShowControlsHideFailMessage()
    {
       $("#help").slideDown();
       $('.failMessage').addClass('hidden');
    }

Answer 1

下面的代码示例将使用 setTimeout 函数在 5 秒后调用 $("#help").slideDown()。此外，如果你想隐藏“失败文本”，我建议使用 CSS 类来处理该消息，如下所示：

$("#help").slideUp(function() {
   $("#help").before('<div class="failMessage">SOME FAIL TEXT HERE</div>');
   setTimeout(ShowControlsHideFailMessage, 5000);
});

function ShowControlsHideFailMessage()
{
   $("#help").slideDown();
   $('.failMessage').addClass('hidden');
}

您可以将类 failMessage 用于红色字体或该消息的任何特殊内容，然后创建一个隐藏类，将显示设置为无。

Answer 2

这是一个更好的方法：

var failMessage = $('<div class="failMessage" />');
failMessage.text('SOME FAIL TEXT HERE');
//Create the failMessage beforehand

$("#help")
    .slideUp(function() {
        $(this).before(failMessage);
    })
    .delay(5000)
    .slideDown(function () {
        failMessage.hide();
    }​);​