Question

in this code: http://jsfiddle.net/GeAwB/, I would like to animate the last appended content using jquery show(“slow”) for example.

I put the new content in some div new_div:

<div id="new_div" ></div>

and add this in the main div “shanon”-div:

         <div id="shanon" style="height: 300px;"></div>

The Problem ist, the whole main div “shanon”-div will be animated, I want only the last added row to be animated.

any idea?

Answer 1

Try this…

http://jsfiddle.net/GeAwB/6/

you should wrap every row with an element like for my example, i wrapped every row with a
div

then in your javascript.. find the last div element. then animate it….

$("#shanon").append($("#new_div").html()).find("div").last().hide().show("slow");