¿Cómo combino el método 'antes' con el método 'fadeIn' en jQuery?

Question

Tengo una línea de jQuery que es la inserción de un div div antes de que otro que ya está en la página utilizando el método antes de jQuery:

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

Quiero la nueva div a Fundir, así que traté de combinar los métodos de dos maneras diferentes, pero ambos no funcionó correctamente. Esto es lo que he intentado:

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

Eso no funcionó porque estaba tratando de fundir el div #sendmail y no el que yo estaba insertando. Aquí hay otro intento que hice:

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

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

Esto también no funcionaba desde el div #response ya está insertada cuando trato de desaparecer en ella, así que no pasa nada.

Me siento como si estuviera muy cerca, pero no puedo entenderlo. Alguien puede ayudar?

Answer 1

establecer una regla CSS en #response tener display: none

entonces no se mostrará hasta que se desvanecen en

Answer 2

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

Answer 3

Trate de añadir un extra de $ () llamará a este createElement en la respuesta y se desvanecen en la que. A continuación, se añade el elemento antes de que el elemento de sendEmail.

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

Básicamente lo que se expande a es.

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