jquery show div ein und ausblenden nach 5 Sekunden

Habe ich ajax-Aufruf um einen Beitrag zu löschen
auf erfolgreiche löschen, erhalte ich die 1
wenn ich 1 dann möchte ich zeigen, eine Benachrichtigung div
div ist so

<div style="
 display:inline-block;
 float:right;
 border:1px solid #060;
 background:#FFC;
 padding:10px 20px;
 box-shadow:2px 2px 4px #666;
 color:#060;
 font-weight:bold;
 display:none;
 " id="messageBox">
  post deleted successfully.
</div>

und mein Jquery-code ist, wie dies

$("#messageBox").hide().slideDown();
  setTimeout(function(){
      $("#messageBox").hide();        
  }, 3000);

wenn ich einen Beitrag löschen, es zeigt normalerweise messageBox div und versteckt es nach 3 Sekunden
aber wenn ich einen Beitrag löschen und wieder löschen anderen post
die erste Meldung ist jetzt nicht versteckt, aber dennoch und

$("#messageBox").hide().slideDown();

heißt also, es blendet erste Nachricht und zeigen Sie 2. Nachricht

aber es blendet es bald, ich denke, nach Abschluss von 3 Sekunden für 1. Nachricht

Bitte erstellen Sie ein jsfiddle.net
Es ist unklar, was Sie erreichen wollen? Ihre Erklärung am Ende ist ein bisschen verwirrend. Übrigens hier ein fiddle: jsfiddle.net/S9D72

InformationsquelleAutor user3459498 | 2014-07-24

  1. 3

    Versuchen

    var tId;

$("#messageBox").hide().slideDown();
clearTimeout(tId);
tId=setTimeout(function(){
  $("#messageBox").hide();        
}, 3000);
    Donvoted nach 3 Jahren? Vielleicht sagen Sie mir, warum?

    InformationsquelleAutor mplungjan

  2. 0
    $("#messageBox").hide().slideDown().delay(3000).fadeOut();

    InformationsquelleAutor A-312

Schreibe einen Kommentar