Animate a <div> with jQuery -

i looking option move <div> on page when page loaded. <div> contains chat window.

the box must fall down bottom of page , land on footer. how can achieved?

check out .animate() function, can used smoothly move div's , other elements on page: animate.

additionally, div can added @ page load such:

$(document).ready(function() {     $('body').append('<div id="chatwindow">hello world!</div>'); });