Accordion's fillSpace is filling more than it should

Accordion's fillSpace is filling more than it should

Hi all,

I just started using jQuery so I'm sure I'm just missing something here. I'm using the plugin ui.layout (http://layout.jquery-dev.net/index.cfm) and placing an accordion in the 'west' pane, along with a <div> underneath the accordion. The problem is that with fillSpace set to true, it's filling the entire pane and pushing the div out of sight. Here's the relevant code:

HTML for sidebar

  1. <div id="sidebar_bc" class="ui-layout-west" style="display:none;">
  2.       <div id="sidebar_accordion" >
  3.             ...
  4.       </div>        <!-- END SIDEBAR_ACCORDION -->
  5.       <div id="widget_div">Hello out there</div>
  6. </div>        <!-- END SIDEBAR_BC-->

JavaScript creating accordion
  1. function createSidebarAccordion() {
  2.     $('#sidebar_accordion').accordion({
  3.         fillSpace: true
  4.     });
  5. }


I feel like that may not have been enough to recreate the problem, so if I should include anything else here, please let me know. Thanks a lot!


~ Daniel