When jQuery accordion is clicked, needs to go to top of page
<p>I have an accordion layout in jQuery with one section that has become rather large.  I need to be able to click the different sections and have the accordion open and the scroll bar on the right be all the way to the top of the right of the page.  I tried the  but that doesn't work and breaks the accordion.  How can I click a link and have the accordion stay at the top of the page?</p>

<p>code:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;


  &lt;link rel="stylesheet" href="jquery-ui.css" type="text/css"/&gt;
  &lt;script src="jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui.min.js"&gt;&lt;/script&gt;

  &lt;link rel="stylesheet" href="demo/dialog.css" media="screen" /&gt;
&lt;link rel="stylesheet" type="text/css" href="fixed-box/fixed-box/style-accordion.css" media="screen"/&gt;

&lt;script&gt;
$(document).ready(function() 
{  
$('#other').change(function()
{ 
 $('#otherrace').parent().toggle(this.checked).focus();
 });
 $("#toggleElement").change(function() { 
    $('input[name=living]').not(this).attr('disabled', this.checked); 
  }); 
  $("#toggleInsurance").change(function() { 
    $('input[name=insurance]').not(this).attr('disabled', this.checked); 
  }); 
$("#toggleInsurance").change(function() { 
    $('input[name=insurance]').not(this).attr('disabled', this.checked); 
  }); 
$("#accordion").accordion();
$('[name*="race"]').click(function() {  $('#otherrace').css('visibility', $('#other').attr('checked') ? 'visible':'hidden'); });});$(document).ready(function() {
 $('[name*="RadioGroup1"]').click(function() {
  $('#RadioGroup1_11').css('visibility', $('#RadioGroup1_10').attr('checked') ? 'visible':'hidden');

 });


});


&lt;/script&gt;
&lt;/head&gt;

&lt;body style="font-size:75%" &gt;
&lt;div id="centerColumn"&gt;
&lt;div id="accordion"&gt;
 &lt;h6&gt;&lt;i can't post one than one link&gt;Demographcis&lt;/a&gt;&lt;/h6&gt;
 &lt;div&gt;
   &lt;table width="100%" border="0" cellspacing="0" cellpadding="1"&gt;
     &lt;tr&gt;
       &lt;th width="18%" scope="row"&gt;Last Name&lt;/th&gt;
       &lt;td width="31%"&gt;&lt;form name="form1" method="post" action=""&gt;

           &lt;input type="text" name="textfield" id="textfield" maxlength="20"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td width="4%"&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td width="47%"&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Middle Initial&lt;/th&gt;
       &lt;td&gt;&lt;form name="form2" method="post" action=""&gt;

           &lt;input type="text" size="3" maxlength="1" name="textfield2" id="textfield2"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;First Name&lt;/th&gt;
       &lt;td&gt;&lt;form name="form3" method="post" action=""&gt;

           &lt;input type="text" name="textfield4" id="textfield4" maxlength="20"&gt;
       &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Address&lt;/th&gt;
       &lt;td&gt;&lt;form name="form4" method="post" action=""&gt;

           &lt;input type="text" size="35" name="textfield5" id="textfield5" maxlength="35"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Rural Route#&lt;/th&gt;
       &lt;td&gt;&lt;form name="form5" method="post" action=""&gt;

           &lt;input type="text" name="textfield6" id="textfield6" maxlength="8"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;City&lt;/th&gt;
       &lt;td&gt;&lt;form name="form6" method="post" action=""&gt;

           &lt;input type="text" name="textfield7" id="textfield7" maxlength="20"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;State&lt;/td&gt;
       &lt;td&gt;&lt;form name="form7" method="post"  action=""&gt;

           &lt;input type="text" size="2"  maxlength="3" name="textfield8" id="textfield8"&gt;

          ZIP 

            &lt;input type="text" maxlength="5" size="6" name="textfield9" id="textfield9"&gt;

          &lt;/form&gt;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;DOB&lt;/th&gt;
       &lt;td&gt;&lt;form name="form8" method="post" action=""&gt;

           &lt;input type="text" size="11" maxlength="10" name="textfield10" id="textfield10"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Phone&lt;/th&gt;
       &lt;td&gt;&lt;form name="form9" method="post" action="" &gt;

           &lt;input type="text" size="12" maxlength="13" name="textfield11" id="textfield11"&gt;

          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Gender&lt;/th&gt;
       &lt;td&gt;&lt;form name="form10" method="post" action=""&gt;
         &lt;p&gt;

             &lt;input type="radio" name="Gender" value="female" id="Gender_0"&gt;
             Female 
           &lt;br&gt;

             &lt;input type="radio" name="Gender" value="male" id="Gender_1"&gt;
             Male 
           &lt;br&gt;
           &lt;/p&gt;
          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Race/Ethnicity&lt;/th&gt;
       &lt;td&gt;
         &lt;p&gt;

             &lt;input type="checkbox" name="race_" value="asian" id="race_0"&gt;
             Asian 
           &lt;br&gt;

             &lt;input type="checkbox" name="race_" value="white" id="race_1"&gt;
             White 
           &lt;br&gt;

             &lt;input type="checkbox" name="race_" value="black" id="race_2"&gt;
             Black 
           &lt;br&gt;

             &lt;input type="checkbox" name="race_" value="latino" id="race_3"&gt;
             Latino 
           &lt;br&gt;

             &lt;input type="checkbox" name="race_" value="island" id="race_4"&gt;
             Pacific Islander 
           &lt;br&gt;
           &lt;input type="checkbox" name="race_"  id="other"value="other" /&gt;Other, specify&lt;br /&gt;
&lt;div style="display:none" id="race"&gt;&lt;input type="text" name="fname" size="25" maxlength="25" id="otherrace" /&gt;&lt;/div&gt;
           &lt;br&gt;
            &lt;/p&gt;
         &lt;input type="text" style="display:none;"  name="race_" value="other1" id="otherrace"&gt;
           &lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Living Arragenments&lt;/th&gt;
       &lt;td&gt;&lt;form name="form11" method="post" action=""&gt;
         &lt;p&gt;With whom do you live? Choose all that apply&lt;br/&gt;

             &lt;input type="checkbox" name="living" value="alone" id="living"&gt;
             Live alone 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="husband" id="living"&gt;
             Husband 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="partner" id="living"&gt;
             Partner 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="children" id="living"&gt;
             Children 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="parents" id="living"&gt;
             Parents 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="other_relatives" id="living"&gt;
             Other relatives 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="religion" id="living"&gt;
             Religious order 
           &lt;br&gt;

             &lt;input type="checkbox" name="living" value="no_answer" 
                id="toggleElement"&gt;
             Choose not to answer 
           &lt;br&gt;
           &lt;/p&gt;
          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Education&lt;/th&gt;
       &lt;td&gt;Highest level of education:&lt;br/&gt;
         &lt;form name="form12" method="post" action=""&gt;
           &lt;p&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="less_high" id="RadioGroup1_0"&gt;
               Less than high school&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="some_high" id="RadioGroup1_1"&gt;
               Some high school&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="high" id="RadioGroup1_2"&gt;
               High school diploma&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="ged" id="RadioGroup1_3"&gt;
               GED&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="some_college" id="RadioGroup1_4"&gt;
               Some college&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="votech" id="RadioGroup1_5"&gt;
               Vocational or technical&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="associates" id="RadioGroup1_6"&gt;
               Associates degree&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="bachelor" id="RadioGroup1_7"&gt;
               Bachelor's degree&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="postgrad" id="RadioGroup1_8"&gt;
               Post graduate training&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="no_answer_school" id="RadioGroup1_9"&gt;
               Choose not to answer&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="RadioGroup1" value="other_ed" 
                  id="RadioGroup1_10"&gt;
               Other&lt;br/&gt;&lt;/label&gt;
                 &lt;div id="RadioGroup1_9"&gt; &lt;input style="visibility:hidden" type="text" name="fname" size="25" maxlength="25" id="RadioGroup1_11" /&gt;&lt;/div&gt;
             &lt;br&gt;
              &lt;/p&gt;
          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Insurance&lt;/th&gt;
       &lt;td&gt;Choose your insurance-check all that apply&lt;br&gt;
         &lt;form name="form13" method="post" action=""&gt;
           &lt;p&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="privateins" id="insurance_0"&gt;
               Private/HMO/PPO&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="medicaid" id="insurance_1"&gt;
               Medicaid&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="medicare" id="insurance_2"&gt;
               Medicare&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="va" id="insurance_3"&gt;
               VA/Tricare&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="noins" id="insurance_4"&gt;
               No insurance&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="noknowins" id="toggleInsurance"&gt;
             &lt;/label&gt;
             &lt;label&gt;Choose not to answer&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="checkbox" name="insurance" value="no_ans_ins" id="insurance_6"&gt;
             &lt;/label&gt;
             Do not know&lt;br&gt;
              &lt;/p&gt;
          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
     &lt;tr&gt;
       &lt;th scope="row"&gt;Income&lt;/th&gt;
       &lt;td&gt;Gross income of your household&lt;br&gt;
         &lt;form name="form14" method="post" action=""&gt;
           &lt;p&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="tenk" id="income_0"&gt;
               Less than $10,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="fifteenk" id="income_1"&gt;
               Less than $15,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="twentyk" id="income_2"&gt;
               Less than $20,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="twentyfivek" id="income_3"&gt;
               Less than $25,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="thirtyfivek" id="income_4"&gt;
               Less than $35,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="fiftyk" id="income_5"&gt;
               Less than $50,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="seventyfivek" id="income_6"&gt;
               Less than $75,000&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="dontknow" id="income_7"&gt;
               I don't know&lt;/label&gt;
             &lt;br&gt;
             &lt;label&gt;
               &lt;input type="radio" name="income" value="no_answer_income" id="income_8"&gt;
               Choose not to answer&lt;/label&gt;
             &lt;br&gt;
              &lt;/p&gt;
          &lt;/form&gt;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;

 &lt;/div&gt;
 &lt;h3&gt;&lt;i can't post one than one link&gt;Injury Information&lt;/a&gt;&lt;/h3&gt;

    &lt;div&gt;
  &lt;p&gt;
  blahlbalh
  &lt;/p&gt;
 &lt;/div&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
