Accordion Height Issue

Question

I have apage I am working on and testing the Spry and various
elements on...
http://www.tommylogic.com/web-design/
I have the tabs opening fine now and all styled like I want
it. The issue I am having is on 3 items:
- When I first try to open and close the panels, the first
click never opens it. Only after the 2nd or thrird click or tab
that I click on.
- When they do open, they open in consistent heights,
sometimes with a scrollbar, sometimes not.
-Then when I get one open it wont always show all the
content in that particular panel <div>.
- If I close specific panel that is open first, then open
the new panel, it seems to do a bit better, but not always the
same.
I am passing it through like this
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
var acc8 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
All the heights are cleared in the CSS as well.
Any clues?
//////////////////////// resolution
removed extra line and changed var to Accordion1
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
and some minor css tweaks in there as well.
Thanks Anyway... -T

Answer 1

Wrap the Accordion in a VBox and you should be all set.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  creationComplete="init();">
  <mx:Script>
    <![CDATA[
      import mx.containers.VBox;
      private function init():void{
        for(var a:uint=0;a<100;a++){
          var vb:VBox = new VBox();
          vb.label = "MyVBox" + a;
          vb.width = 200;
          vb.height = 100;
          acc.addChild(vb);
    ]]>
  </mx:Script>
  <mx:HDividedBox width="100%" height="100%">
    <mx:VBox width="50%" height="100%"/>
    <mx:VDividedBox width="50%" height="100%">
      <mx:VBox width="100%" height="50%"/>
      <mx:VBox width="100%" height="50%">
        <mx:Accordion id="acc" width="100%" height="50%"/>     
      </mx:VBox>
    </mx:VDividedBox>
  </mx:HDividedBox>
</mx:Application>
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services