How to get scrollbars showing when when using an accordian in jQuery?

Question

function pageLoad() {

    $('#accordion h3').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();

<div id="accordion">
    <h3><a href="#">Section A</a></h3>
    <div id="a">
        <Ctrl:A id="a" runat="server"></Ctrl:A>
    </div>
    <h3><a href="#">Section B</a></h3>
    <div id="b">
         <Ctrl:B id="b" runat="server"></Ctrl:B>
    </div>
    <h3><a href="#">Section c</a></h3>
    <div id="c">
         <Ctrl:C id="c" runat="server"></Ctrl:C>
    </div>
</div>

The problem I am having is when say Setion A dn Section B are expanded, no scroll bars are showing in the broweser window and some fields are below the page and I have to tab to get to them and dont get a browser scrollbar.How can I get the scrollbar when the expansion is more than the height of the window?

Answer 1

Do you have overflow:hidden set on your page? The page should have a scrollbar when you expand past its boundaries unless you've told it not to. Are you doing any sort of fixed or absolute positioning?

Also, is this a big problem given that by your code, you should never have two sections open at once?