Как скрыть вкладки jQueryUI до рендеринга?

Question

Я использую jQuery UI Tabs с Ajax. У нас есть контент на вкладках, отображающих анимацию загрузки, когда табуляция загружается до содержимого.

Однако, когда страница загружена, вы можете увидеть содержимое ниже незагруженных вкладок, прежде чем они будут jQuerified.

Мой вопрос в том, есть ли способ скрыть содержимое этих вкладок до того, как они были отображены на вкладках и показ содержимого после? Добавление видимости: скрытое или отображение: ни один не приводит к тому, что содержимое не отображается.

<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 для тех вкладок, которые будут дисплей:. Ни
2. Добавлен код $('.tabs_content').show(); На TAB-> создать вызов назад