Wie kombiniere ich die ‚vor‘ Methode mit der ‚fadeIn‘ Methode in jQuery?

Question

Ich habe eine Reihe von Jquery, die ein div vor einem anderen div einfügt, die bereits auf der Seite jQuery vor Methode:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');

Ich möchte das neue div in verblassen, also habe ich versucht, die Methoden auf zwei verschiedene Arten zu kombinieren, aber beide nicht richtig funktionierte. Hier ist, was ich versucht:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow");

, die nicht funktionierten weil es versuchte, die #sendmail div auszublenden und nicht die, die ich eingefügt wurde. Hier ist der andere Versuch, den ich gemacht:

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');                             

$("#response").fadeIn("slow");

Das auch nicht funktioniert, da die #response div bereits eingesetzt wird, wenn ich versuche, es zu verblassen in, so passiert nichts.

Ich fühle mich wie ich wirklich in der Nähe bin, aber ich kann es nicht herausgefunden. Kann jemand helfen?

Answer 1

eine CSS-Regel auf #response gesetzt Anzeige haben: keine

, dann wird es nicht zeigen, bis Sie in

verblassen

Answer 2

$('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>')
    .hide().insertAfter("#sendemail").fadeIn();

Answer 3

Versuchen Sie eine zusätzliche $ Hinzufügen () dieses createelement auf die Antwort nennen und verblassen, dass in. Dann wird es das Element vor dem Element hinzufügen sendemail.

$("#sendEmail").before($('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow"));

Im Grunde, was das erweitert wird, ist.

var responseDiv = $('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>')
  .fadeIn("slow");
$("#sendEmail").before(responseDiv);