Using jQuery UI Tabs and TXP - what's the best implementation?

I have a txp site and and have used jQuery UI’s tabs extensively for the content. Most, if not all content that’s inside the jQuery tabs are hardcoded, but I would really like to use articles to control the content of each tab.

The site will largely be static, but I need to have the option of updating the content using txp’s interface.

So, Do I create a new article for each tab? But some tabs have two disitinct, different contents – should there be an article for each column (for want of a better word) as well?

Re: Using jQuery UI Tabs and TXP - what's the best implementation?

Yes, it’s possible, and there are possible some different ways to achieve this.
Probably, there will be a few things that will be still hardcoded somewhere (not the content itsekf, but maybe the corresponding article id).

I mean, you could try a totally dynamically (!= hardcoded) solution, although it may be a little hard to mix/alternate the one-article-per-tab with the two-articles-on-one-tab in a dynamic fashioned way.
So, maybe, a semi-dynamic/semi-hardcoded approach will be the first approach you should try, and then refine over it.

How to do it?
Let’s try first a simple version.
Off the top of my head:

1. First, move each piece of hardcoded content (currently, the content on each tab) to an article (on content/tab per article).
Use the tab name as the article title.

2. Then, to create the “tabs” (the clickable tabs, aka, the table of contents)

Is is pretty similar to maniqui’s example but I need for it to be section-aware, so I used article_custom instead.

Just as maniqui said, I created a new article for each tab, using the title as the name of the tab.

To solve the two columns in one tab problem, I basically created a post that used a lot of textile formatting. It’s not ideal, but I can now edit my site’s content easily. Now, if only textile’s support for definition list was any good, I’d be able to have the whole site set up in this way. (And I have tried the modified textile file for this, but it never seemed to work properly)

Re: Using jQuery UI Tabs and TXP - what's the best implementation?

To those that may care, I have completed the said site and it is now Live for all to see.

It is a new service of mine called txp:coder , we convert designs and existing website into Textpattern based sites. I would love to know what you all think of it and if it could be improved in any way.