如何将'before'方法与jQuery中的'fadeIn'方法结合起来?

zec*_*ude 4 javascript jquery effects

我有一行jquery,在使用jQuery的before方法在页面上已经在另一个div之前插入一个div:

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

我希望新的div可以淡入,所以我尝试以两种不同的方式组合这些方法,但两种方法都无法正常工作.这是我尝试过的:

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

这没有用,因为它试图淡出#sendmail div而不是我插入的那个.这是我做的另一个尝试:

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

$("#response").fadeIn("slow");
Run Code Online (Sandbox Code Playgroud)

这也没有用,因为当我尝试将其淡入时,已经插入了#response div,所以没有任何反应.

我觉得我很亲密,但我无法理解.有人可以帮忙吗?

cle*_*tus 7

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