Animation when a new element appears, how?

Question

JavaScript

There is a list of 5 items:

Test1
Test2
Test3
Test4
Test5

This list is dynamically updated using AJAX , and as a result of the update, the list will be like this:

Test2
Test3
Test4
Test5
Test6

When a new element appears (Test6), the animation (fadeIn) of this element should occur. How can this be done with jQuery ?

Answer 1

I would implement with CSS, not JS.
I recommend using a ready-made set of animations: Animate.css . Just include the downloaded css file and add the "animated" class and animation type to the element that should appear, for example:
<span class="animated fadeIn">Test 6</span>

Answer 2

For example: jsfiddle.net/IonDen/fot7h3ka
Only animation is better done with CSS today.