JQuery fadeIn() on DOM element creation?

How do I create a DOM element in JQuery and fade it in to show up, instead of having it show up immediately?

I try this:

var myDiv = "<div>Hello!</div>"

but this doesn’t work, since the .after(myDiv) makes it popup immediately. Any solutions? Thanks!


Add it with a class that is hidden at the start.

  .hidden {
    display: none;

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

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .
Read More:   Cross-browser (IE8-) getComputedStyle with Javascript?

Similar Posts