2. $("#submitmsg").click(function(){ var clientmsg = $("#usermsg").val(); $.post("post.php", {text: clientmsg}); $("#usermsg").attr("value", ""); return false; });
3. function loadLog(){
4. var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
5. $.ajax({
6. url: "log.php",
7. cache: false,
8. success: function(html){
9. $("#chatbox").html(html);
10. 
    
11. var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
12. if(newscrollHeight > oldscrollHeight){
13.  $('#chatbox').animate({
14. scrollTop: newscrollHeight
15.  }, {
16. duration: 5000, 
17. complete: function() {
18.  $(".post:last").animate({opacity: .1}, 1000);
19. }
20.  });
21. }
22. },
23. });
24. }
25. setInterval (loadLog, 2000);

However, its just constantly animating the last item...  I'm lost...  :(