jQuery scroll a div up and down using two buttons

Question

I have a simple set of two buttons that when hovered should make a div move up and down to simulate a scrolling effect:

$(\"#down\").hover(function () {

    $(\         


        

Answer 1

1. You'll need to set the animations parameter to the divs actual height jQuery .height() method

2. You should change your mouse events bindings on "mouseenter" and "mouseleave" and then with "mouseleave" you can stop a jQuery element animation with the jQuery .stop() method

3. You can calculate this with the jQuery .height() method too.