jQueryであるクラスに要素を追加する際に、フェードインでゆっくり表示させたい

Question

jQueryであるクラスに要素を追加する際に、フェードインでゆっくり表示させたいです。

$('<div class="a"></div>').appendTo('.b').fadeIn('slow')

上記が動作すると、a classのdivをb classに追加するようにしています。
現状、動作と同時にdivが挿入されてしまいますが、この動作をゆっくりフェードインさせたいです。

.b {
  transition: all 1s ease;
}

としたり、.aにかけてみても効果がありませんでした。
また、恐らく同じ方法でできると思いますが、removeClassでも同様の挙動としたいです。

どのようにすれば実現できるでしょうか？

Answer 1

fadeIn関数の第一引数はフェードのスピード[ms]
1秒ならfadeIn(1000)でいいと思います。

Answer 2

fadeIn は消えているものをゆっくりと表示させるものですので、最初に非表示にしておく必要があります。

$('<div class="a">aaa</div>').appendTo('.b').hide().fadeIn("slow");