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

Question

Я использую вкладки jQuery UI с 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

Вы можете использовать display: none на вкладках, содержимое которых вы не хотите видеть перед рендерингом вкладок, и отображать их все в функции create callback.

См. Мои DEMO здесь.

1. Добавлен класс tab_content для тех вкладок, которые будут отображаться: нет
2. Добавлен код $('.tabs_content').show(); На вкладке-> Создать обратный звонок