0

I am trying to apply show('slow') with .append() but doesn't seem to work at all. Here is my code:

var listing = "html data";

$('#sectionArticles').append(listing);

I found we can only use show('slow') with appendTo, is that true? How to apply smooth loading in this.

Ajinkya
  • 22,324
  • 33
  • 110
  • 161
Abhimanyu
  • 2,173
  • 2
  • 28
  • 44
  • 1
    possible duplicate of [jQuery using append with effects](http://stackoverflow.com/questions/1520178/jquery-using-append-with-effects) – dsgriffin Apr 15 '14 at 13:57

2 Answers2

0

Should work just fine. I have included an example.

http://jsfiddle.net/wrxsti85/RZjAu/

Javascript:

var listing = "<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>";

$('#sectionArticles').append(listing).show('slow');

HTML:

<div id="sectionArticles"></div>

CSS:

#sectionArticles {
    display:none;
}
wrxsti
  • 3,434
  • 1
  • 18
  • 30
0

wrxsti's solution works well, but an alternative could be to use fadeIn(), see link below:

DEMO

urbz
  • 2,663
  • 1
  • 19
  • 29