I have a JavaScript application which allows a user to upload and arrange a series of photos so as to define the layout of a single html page.  I am currently using jQuery UI tabs to do this.  One tab is for drag-and-drop from the desktop. Another allows the user to discard, rotate, and re-arrange the order of photos.  A third allows the user to set various attributes, and a fourth shows a 'finished' layout.

This is all very good, but there are times when the user may have 30 to 100 photos to layout across multiple pages.  So I thought it would be cool if I could nest multiple tab-sets inside of an Accordion, one set per-page-per pane..

This means I would have to build each tab-set, and each Accordion pane on the fly, as the user adds or delete pages.

So I have started some coding to see if this can work.  So far, no joy.  I can generate multiple panes in the Accordion and assign a tabs-element to each, but the contents are all blank, despite the fact that I can see the tab elements as children of the Accordion elements in Firebug.

I suppose that since these two features are not developed by the same person or team, any effort to get these two to play together may be an exercise in shoveling the tide.

Anyone get these two guys to work together?