Question

So as the title suggests I wish to create a new dom element (the HTML is generated and retrieved via AJAX). I kind of got it working but it appears hidden, and when I try to Fade In it breaks!

   function AddContent(Content) {
        div = document.createElement(Content)
        div.appendTo($("#contentAreas"));
        //    $(div).fadeIn("slow");
        }

It basically inserts the item into the correct position but doesn’t show it. When I attempt to fade it in, it’s fails to do so. No errors.

Any ideas?

Answer 1

The div needs to be jQuery for appendTo to work. Try this:

 function AddContent( content ) {
     $(content).appendTo("#contentAreas").fadeIn("slow");
 }