Jquery с вкладками загружает все разделы, затем загружает первую вкладку, как это остановить?

Question

Это то, над чем я работаю: http://www.iamjrilla.com/sample.html.

Требуется некоторое время, чтобы «успокоиться», если хотите.Он показывает весь контент на каждой вкладке (при первой загрузке страницы), как это будет отображаться в dreamweaver, а затем, наконец, загружает первую вкладку, которая «домашняя».Есть ли способ, которым я могу изменить это?

Answer 1

Все вкладки изначально видны, потому что вкладки не активируются до тех пор, пока документ не будет готов, и все ваши элементы вкладок начинаются с display: block.Когда активируются вкладки jQuery, все div вкладок, кроме первого, будут скрыты с display: none.

Вероятно, проще всего было бы добавить style="display: none;" ко всем div вкладок, кроме первого,Это покажет первую панель, пока страница загружается, а остальные скрыты;затем, когда страница закончит загрузку и вкладки будут активированы, другие панели будут доступны, если щелкнуть их вкладки в верхней части страницы.

Answer 2

Я думаю, что включение укрытия класса в каждом элементе tabcontent позволит решить эту задачу. Остальные будут обрабатываться вкладками jquery js.

<div id='tab3' class="hidetabs">
</div>

.hidetabs
        {
            display: none;
        }

Answer 3

Концептуально загрузите пустой div в другие вкладки, а затем используйте ajax для заполнения содержимого этих вкладок после onload () или jQuery (document) .ready ().