The issue I'm having is effects like .slideDown() are not working correctly on elements appended to the DOM after page load. I have a $.post() call and I get the result. I add the result to my page using document.createElement() and then finally want the result to slideDown() but it just magically appears with no affect.

2. $('#category_list').append('<div id="category_row'+category_id+'" style="display:none;"></div>');
3. 
   
4. /* ++++TITLE+++++ */
5. var div1 = document.createElement('div');
6. div1.setAttribute('id', 'category_title_'+category_id);
7. div1.className = 'grid_4';
8. div1.innerHTML = '<strong>' + category_order + '. ' + category_name + '</strong>';
9. $('#category_row_'+category_id).append(div1);
10. 
    
11. /* ++++EDIT+++++ */
12. var div2 = document.createElement('div');
13. div2.setAttribute('id', 'category_edit_'+category_id);
14. div2.className = 'grid_4';
15. 
    
16. var button = document.createElement('button');
17. button.innerHTML = document.getElementById('edit_text').innerHTML;
18. button.onclick = function(){
19. editCategory(category_id, category_name, category_order);
20. }
21. div2.appendChild(button);
22. $('#category_row_'+category_id).append(div2);
23. /* ++++REMOVE+++++++ */
24. var div3 = document.createElement('div');
25. div3.className = 'grid_4';
26. div3.setAttribute('id', 'category_remove_'+category_id);
27. 
    
28. var button2 = document.createElement('button');
29. button2.innerHTML = document.getElementById('remove_text').innerHTML;
30. button2.onclick = function(){
31. removeCategory(category_id);
32. }
33. div3.appendChild(button2);
34. $('#category_row_'+category_id).append(div3);
35. 
    
36. /* +++++CLEAR+++++ */
37. var div4 = document.createElement('div');
38. div4.className = 'clear';
39. $('#category_row_'+category_id).append(div4);
40. 
    
41. /* +++++++++++++++++ */
42. $('#category_row_'+category_id).slideDown('slow');

On line 1 I initially had the category_row_category_id div created with document.createElement as well -- I had just changed it to see if that was the issue.

I did a search on the forum and found a post about ajax calls messing with effects but its just a bunch of jibberish.

Its here ( http://forum.jquery.com/topic/jquery-problems-with-effects-after-ajax-call)

Thanks in advance,

Lang14