JQuery fadeIn() on DOM element creation?
-
21-08-2019 - |
Question
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!
Solution
$("<div>Hello</div>").hide().appendTo("somePlace").fadeIn("fast");
OTHER TIPS
Add it with a class which is hidden at the start.
<style>
.hidden {
display:none;
}
</style>
<div class="hidden">
Won't be seen.
</div>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow