Guida di base di jQuery slideUp / slideDown

Question

Mi chiedevo se ci fosse una funzione che posso aggiungere a questa, che mostrerebbe di nuovo i dati, come nel farli scorrere indietro o qualcosa del genere dopo un determinato periodo di tempo in modo da poter tornare indietro e reinserire il tuo i dati.

Attualmente scorre solo dopo l'invio, quindi mostra il testo.

 $("#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

Il seguente codice di esempio utilizzerà la funzione setTimeout per chiamare $ (" # help "). slideDown () dopo 5 secondi. Inoltre, se vuoi nascondere il " FAIL TEXT " ;, ti suggerisco di usare una classe CSS per quel messaggio come questo:

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

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

Puoi usare la classe failMessage per i caratteri rossi o qualcosa di speciale per quel messaggio e quindi creare una classe nascosta che imposta la visualizzazione su nessuna.

Answer 2

Ecco un modo migliore:

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();
    }​);​