كيف يمكنني الجمع بين أسلوب 'قبل' مع أسلوب "fadeIn" في مسج؟

Question

ولدي خط مسج التي إدراج شعبة قبل آخر div موجود بالفعل على الصفحة باستخدام الأسلوب قبل مسج على:

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

وأريد أن شعبة جديدة لتتلاشى في، لذلك حاولت أن تجمع بين أساليب بطريقتين مختلفتين، ولكن على حد سواء لا تعمل بشكل صحيح. هنا هو ما حاولت:

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

وهذا لم ينجح والسبب أنه كان يحاول تتلاشى شعبة #sendmail وليس واحد أنا كان إدخال. وإليك محاولة أخرى أدليت به:

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

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

وهذا أيضا لم ينجح منذ إدراج شعبة #response بالفعل عندما أحاول أن تتلاشى في ذلك، حتى لا يحدث أي شيء.

وأشعر أنا قريب حقا، ولكن لا استطيع ان الرقم بها. يمكن للشخص أن تساعد؟

Answer 1

وتعيين قاعدة المغلق على #response أن يكون عرض: لا شيء

وثم فإنه لن تظهر حتى تتلاشى في

Answer 2

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

Answer 3

وحاول إضافة $ إضافية () هذا سيدعو createElement على الاستجابة وتتلاشى أنه في. ثم أنها ستضيف عنصر قبل عنصر sendEmail.

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

وأساسا ما يتم توسيعه لهو.

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