JQuery fadeIn() on DOM element creation?

javascript jquery dom element
atp picture atp · May 11, 2009 · Viewed 7.7k times · Source

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>"
$("somePlace").after(myDiv).fadeIn('fast');

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

Answer

cletus picture cletus · May 11, 2009 
$("<div>Hello</div>").hide().appendTo("somePlace").fadeIn("fast");

Related questions

document.querySelector multiple data-attributes in one element

I'm trying to find an element with document.querySelector which has multiple data-attributes: <div class="text-right" data-point-id="7febe088-4eca-493b-8455-385b39ad30e3" data-period="current">-</div> I thought about something like this: document.…

Read More
How do I check if an element is hidden in jQuery?

Is it possible to toggle the visibility of an element, using the functions .hide(), .show() or .toggle()? How would you test if an element is visible or hidden?

Read More
How can I select an element by name with jQuery?

Have a table column I'm trying to expand and hide: jQuery seems to hide the td elements when I select it by class but not by element's name. For example, why does: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // …

Read More