Spry Data in Accordion in Tabs

Question

Hi
I have been able to get xml spry data to work in an accordion and I have been able to get an accordion to work in tabs but I cannot get the data to work in an accordion that is in a tab -- the accordion panels do not collapse. I have a sample testing site at http://testing.bellamys.org that has two tabs -- the first tab has spry data in an accordion but the panels do not collapse. The second tab shows an accordion working properly but uses hard coded data.
I have a database that will export xml files for courses for different grades. I would like to have all the courses for a grade displayed in a panel and have each grade set in a tab. Any help would be greatly appreciated .

Answer 1

Hi Ronald,
Place the constructor withing the Spry region as follows
      <div spry:region="dsGrade5" >
          <div id="Accordion1" class="Accordion" tabindex="0">
            <div spry:repeat="dsGrade5" class="AccordionPanel">
            <div class="AccordionPanelTab">{@name}</div>
            <div class="AccordionPanelContent">{summary}</div>
          </div>
          <script>
               var Accordion1 = new Spry.Widget.Accordion("Accordion1");
          </script>
        </div>
      </div>
I hope this helps.
Ben