どのように私はjQueryので「フェードイン」メソッドと「前」メソッドを組み合わせていますか？

Question

私はjQueryの前にメソッドを使用して、ページ上で、すでにある別のdiv前のdivを挿入しているjqueryののラインを持っています

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

私は新しいdiv要素をフェードインしたいので、私は2つの異なる方法での方法を組み合わせることを試みたが、両方が正常に動作しませんでした。ここに私が試したものです。

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

それは私が挿入された1 #sendmail div要素をフェードアウトしようとされなかった原因

これは動作しませんでした。ここで私が作った他の試みがあります：

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

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

私は何も起こらないので、それをフェードインしようとすると、#response div要素が既に挿入されているので、

これもうまくいきませんでした。

私は本当に近くだような気がしますが、私はそれを把握することはできません。誰かが助けることはできますか？

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