[thelist] expand / collapse divs

[Mark Joslyn]

I have the following situation

<div id="outer">
  <div id="inner1">
     <div id="inner1info">
         blah blah blah
     </div>
  </div>
  <div id="inner2">
     <div id="inner2info">
         blah blah blah
     </div>
  </div>
  <div id="inner3">
     <div id="inner3info">
         blah blah blah
     </div>
  </div>
</div>

All of my INNER DIVs contain a expand/collapse functionality (toggle
display: block and display: none). The caveat is that when one DIV is
collapsed, I want the other two to fill the available height. And if two of
the three are collapsed, I want the third to take up all available height.

Is this possible - my Google searches are coming up with menu systems that
do not fill the height available? This is not a tree view type of
application - it is more like expanding/collapsing components - each DIV is
its own component.

Any help would be appreciated.

Thanks,

markJ