fadeIn()を使うには先に非表示を

#jQuery fadeIn()を使えない？

動的に追加した要素をフェードインさせたい。
fadeIn()は要素が非表示になっている状態でないと使えない。
これを忘れててフェードインできないできない、と悩みました。

解決策は2パターン。

• パターン1
  CSSで対象要素を非表示display:none;にしておく。

• パターン2
  hide()で一度非表示にする。

今回は動的に要素を追加するためパターン2を採用。

$('body').append(`<div><img src="${src}"></div>`);
$('div').hide().fadeIn();