jQuery listitem einblenden und ändern Formularverarbeiten

[mc_gee]

Hallo an Alle,

als jQuery Neuling wende ich mich nun nach einigen Tagen des Suchens und herum probierens, am Rande ser Verzeweiflung an euch.
Meine Problemstellung:

1. ich habe ein Formular eingebettet in eine ul
2. ein Listenpunkt habe ich via css ausgeblendet.... visibility:hidden
3. nun sollte beim focus out aus einem der Eingabefelder dieser versteckte Listenpunkt einfaden - darin befindet sich eine loader gif
4. mittels jQuery und AJAX werden nun die Daten in einem php-script am server überprüft
5. soweit so gut
6. wie bekomm ich es jetzt aber hin das dieses gif zuerst für 2 oder 3 Sekunden sichtbar bleibt und erst dann durch die Antwort des php-scripts ersetzt wird
7. die Ajax Abfrage das php und das einblenden des li sind kein problem
8. ich bekomm nur eben diese Abfolge nicht hin:
9. grafik einblenden
10. 2-3 sekunden warten
11. dann die grafik durch den text ersetzen

wär super wenn hier irgendwer ein snippet oder so für mich hätte damit ich meinen "Kopfnoten" auflösen kann und zumindes auf die richtige Spur komm!

Danke!

 

[erik s.]

Angenommen, dein ausgeblendetes Listenelement hat die ID "hiddenli" und das INPUT-Element die ID "myinput":

$('#myinput').bind('DEIN_EVENT', function()  {
  // der Benutzer hat das Eingabefeld verlassen
  $('#hiddenli').html('<img src="loading.gif" />').show(); // oder welche Einblende-Methode auch immer du nutzt
  window.setTimeout(function()  {
    $.get('ajax.php', options, function(data)  {
      $('#hiddenli').html(data);
    });    
  }, 3000);
});

Ist ungetestet.