javascript - DOM要素の作成に関するJQueryfadeIn（）？

Question

JQueryでDOM要素を作成し、すぐに表示するのではなく、フェードインして表示するにはどうすればよいですか？

私はこれを試してみます：

var myDiv = "<div>Hello!</div>"
$("somePlace").after(myDiv).fadeIn('fast');

ただし、.after（myDiv）を使用するとすぐにポップアップするため、これは機能しません。解決策はありますか？ありがとう！

Answer 1

$("<div>Hello</div>").hide().appendTo("somePlace").fadeIn("fast");

Answer 2

最初に非表示になっているクラスを追加します。

<style>
  .hidden {
    display: none;
  }
</style>

<div class="hidden">
  Won't be seen.
</div>