レンダリングする前にjQueryUIタブを非表示にするには？

Question

私はAjaxでjQuery UIタブを使用しています。コンテンツが表示される前にタブが読み込まれると、アニメーションの読み込みを表示するコンテンツがタブに表示されます。

しかし、ページが読み込まれると、未表示のタブの下のコンテンツがjQuerifiedになる前に表示されます。

私の質問は、タブにレンダリングされてコンテンツが表示される前に、これらのタブのコンテンツを非表示にする方法はありますか？可視性：hiddenまたはdisplay：noneを追加すると、コンテンツが表示されなくなります。あなたは、タブをレンダリングする前に確認し、コールバックの作成機能でそれらのすべてを表示したくないタブの内容のどれも：

<div id="ui-tabs-1" style="display: none;"> 
     <!-- Default Content --> 
    </div> 
    <div id="ui-tabs-2" style="display: none;"> 
     <!-- Default Content --> 
    </div> 

Answer 1

あなたは、ディスプレイを使用することはできません。

私のDEMOここを参照してください。

1. 追加クラス表示されますこれらのタブにtab_content：タブ - >作成呼び出しでバック