jQuery - Scroll to bottom of div on slideDown

Question

Im trying to scroll to the bottom of the div when the user clicks on a link to slide the div down.

I've tried using the scrollTo and animate

$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);

but nothing happens

heres the fiddle

http://jsfiddle.net/CLzfW/29/

Answer 1

Demo: http://jsfiddle.net/CLzfW/4/

$('.button').click(function(e){
  e.preventDefault();
  $('.expander').slideToggle();
    $('html, body').animate({
        scrollTop: 1000
    }, 2000);
});

Just use your .expander height.
If you need this to be variable you can do this: http://jsfiddle.net/CLzfW/26/

var scroll_to = $('.expander').offset().top + $('.expander').height();
$('.button').click(function(e){
  e.preventDefault();
  $('.expander').slideToggle();
    $('html, body').animate({
        scrollTop: scroll_to
    }, 2000);
});