[jQuery] Append data using Slide In animation

[jQuery] Append data using Slide In animation


Well I want to append some data to a div called chat_box but I want it
to slide in from the bottom as it appears, the code Im currently using
to attempt to reach this is
success: function(data){
$('#chat_box').append(data.show("slide", {direction: "down"},
"1000"));
},
but this doesnt append the data at all.
I've also tried this
success: function(data){
$('#chat_box').append(data).show("slide", {direction: "down"},
"1000");
},
but this just adds the effect to the whole div instead of just the
append data.
For the whole code visit www.forsakenrealms.co.cc/chat/?user=1