如何用jQuery中的“淡入”的方法结合起来，“之前”的方法？

Question

我有一个线的jquery即前另一个的div是已经使用jQuery的方法之前在页面上插入一个div的：

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

我希望新的div褪色的，所以我试图方法有两种不同的方式组合，但都没有正常工作。这里是我的尝试：

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

这不工作的原因，它试图淡出#sendmail DIV，而不是一个我一直插入。这是我提出的其他尝试：

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

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

这也没有工作，因为当我试图淡化它，所以没有任何反应#response格已经插入。

我觉得我真的很接近，但我无法弄清楚。有人可以帮忙吗？

Answer 1

设置#response CSS规则有显示：无

那么它不会出现，直到你在

淡出

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);