基本 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()。另外，如果您想隐藏“FAIL TEXT”，我建议对该消息使用 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();
    }​);​