views:

160

answers:

0

I am using a slideToggle to display or hide contents of a discussion box. The problem is the discussion box is at the bottom of the page so when it expands through the slideToggle I need it to scroll down to the bottom of the page so the user actually sees the discussion box expanded. Here is my code:

    var content = $('#discussion_content'); //Discussion Box Div
var holder = $('#discussion_holder');
var scrollPos = $('#test');             //This is 
                                            //<a name="test" id="test"></a>
                                            //below the discussion box div
if(content.css('display')=='none'){
       holder.show();
       //content.slideDown(1000);
        content.slideToggle("fast", function(){
            $.scrollTo(scrollPos, "slow");
        });

Can someone tell me how to scroll to the bottom of the discussion box after the slideToggle is completed