need help with expandable footer [solved]

need help with expandable footer [solved]

hello everyone,

i've got the following problem:

at the bottom of my webpage there's a footer. above that footer there's a button. when i click the button the footer fades in and out. the problem is that when the footer expands, the page isn't scrolling down automaticaly. question is: how can i achieve this?

this is my script:


var $j = jQuery.noConflict();

   $j(document).ready(function($) {
      $j("a#ToogleSidebar").click().toggle(function() {
         $j('#footer').animate({
            height: 'hide',
            opacity: 'hide'
         }, 'slow');
      }, function() {
         $j('#footer').animate({
            height: 'show',
            opacity: 'show'
         }, 'fast');

      });
   });


and by the way, i'm from germany and my english is not the very best. please apologize this