Загрузка контента во вкладках на jQuery

V2
На сайте с 09.01.2011
Offline
26
542

Приветствую.

На сайте есть три вкладки (табы) на jQuery. В каждом табе выводятся популярные статьи за разные периоды времени. В момент загрузки сайта весь контент из табов на мгновение выводится один за другим, затем все группируется и выводится как и полагается - лишь контент из активного таба. Выглядит это дерганье очень некрасиво.

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

Код вот такой:

<script type="text/javascript">

$(function () {

var tabContainers = $('div.tabs > div');

tabContainers.hide().filter(':first').show();

$('div.tabs ul.tabNavigation a').click(function () {

tabContainers.hide();

tabContainers.filter(this.hash).show();

$('div.tabs ul.tabNavigation a').removeClass('selected');

$(this).addClass('selected');

return false;

}).filter(':first').click();

});

</script>

lutskboy
На сайте с 22.11.2013
Offline
192
#1

в стилях прописать чтобы остальные вкладки кроме первой имели display:none

V2
На сайте с 09.01.2011
Offline
26
#2

Спасибо, попробую

---------- Добавлено 15.06.2014 в 08:37 ----------

После прописывания в стилях display:none вкладкам, кроме первой, вторая и третья вкладка совсем перестали показываться, а проблема осталась: в момент загрузки сайта весь контент из всех трех табов на мгновение выводится один за другим, затем все группируется и выводится первый таб. Кнопки 2-го и 3-го таба совсем исчезли после прописывания им стиля display:none.

lutskboy
На сайте с 22.11.2013
Offline
192
#3

Так не кнопкам, а содержимому прописать за которые отвечают ети кнопки

S3
На сайте с 29.03.2012
Offline
367
#4

Исходя из моих скромных знаний, то что вы делаете - это управление видимостью блоков. а вам нужен AJAX - подгрузка содержимого

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий