🚀 go-pugleaf

Witam,
Robię projekt z wykorzystaniem jquery ui i wymyśliłem
sobie, że treść na stronie będzie prezentowana za pomocą
elementu Tabs - czyli zakładek.
I tu pojawia się pewien problem. Treść będzie pochodziła
prawdopodobnie z jakiegoś CMS-a i będzie wprowadzana przez
jakiegoś laika.
A żeby zakładki funkcjonowały poprawnie treść musi być podzielona na
strony za pomocą elementu div czyli:
<div id="tabs">
   <div id="tabs-1>Treść pierwszej zakładki</div>
   <div id="tabs-2>Treść drugiej zakładki</div>
</div>
itd.
Chciałbym żeby cms dostarczył treść zawartą
w jednym elemencie div, a podział na zakładki
chciałbym wykonać po stronie przeglądarki.

Kombinuje w ten sposób:
Dostaję z serwera plik z jakimś ukrytym
elementem div w którym zawarty jest cały tekst.
W JS pobieram zawartość tego elementu
za pomocą funkcji children(), potem
wykonuję konwersje tego zbioru na
tablicę ( makeArray() ).
Następnie w pętli kopiuje kolejne elementy
tablicy z powrotem do jakiegoś innego div-a
i po każdym elemencie sprawdzam czy ten docelowy div
ma już odpowiednią wysokość ( outerHeight , jeśli tak to
kopiuje ten tekst do zakładki itd.
Czy to ma szansę działać?
I czy nie ma jakiegoś innego prostszego i szybszego
sposobu? Boję się, że jeśli trafi się np. jakiś dłuższy
paragraf tekstu to procedura się posypie.

Pozdrawiam
Sławek-L