I realized where the issue was. The UI Accordion Content was within a span tag and this seems to cause issues with the code.
Just thought I'd pass that on if anyone was experiencing the same problems. Cheers, Stotes On Aug 13, 2:47 pm, Stotes <[email protected]> wrote: > I am having an issue with a dynamicly setup tabs and accordion's that > fit within them. > The fist tab will not properly display the accordions within it > however every tab following this seems to work fine. > > Here is the script. For the example I have included an array that show > what is used to create the tabs and accorions: > > Any help would be most apreciated. > > <script type="text/javascript"> > $(function() > { > $("#staffTabs").tabs(); > > }); > > </script> > > <script type="text/javascript"> > $(function() > { > <? > $o = 0; > $uploadsStaff = array('Cat1'=> > array('subCat1'=> > array('upload' => "file"), > array('subCat2'=> > array('upload' => "file")), > array('subCat3'=> > array('upload' => "file")), > ), > 'Cat2'=> > array('subCat1'=> > array('upload' => "file")) > ); > foreach ($uploadsStaff as $groupFolder) > { > echo'$("#staffAcc'.$o.'").accordion( > { > icons: > { > header: "ui-icon-circle-arrow-e", > headerSelected: "ui-icon-circle-arrow-s" > }, > alwaysOpen: true, > collapsible: true, > clearStyle: true, > active: true > }); > '; > $o++; > } > ?>}); > > </script> > > <div id="staffTabs"> > <ul> > <? > > $count = 0; > foreach ($uploadsStaff as $group => $secondFolder) > { > $tb = "'#staffTabs-".$count."'"; > echo "<li><a href=".$tb.">".$group;"</a></li>"; > $count++; > } > ?> > </ul> > <?php > $i= 0; > foreach ($uploadsStaff as $groupFolder) > {//groups > //debug ($groupFolder); > $tab = "'staffTabs-".$i."'"; > echo "<div id= > $tab>";////////////////////////////////////////////////////// > ?> > <div id="staffAcc<?echo$i;?>"> > <?foreach ($groupFolder as $secondFolder => $staffUp) > {?> > <h3 class="ui-accordion-header"> > <a href="#"> > <?echo$secondFolder?> > </a> > </h3> > <div class="ui-accordion-content"> > <span class = 'viewFiles'> > test one two three > <?foreach($staffUp as $v) > { > echo $v; > }?> > </span> > </div> > <?}?> > </div> > </div> > <?$i++; > }?> > </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
