Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как решить проблему с табами?

Как решить проблему с табами?


     28.05.2016    jQuery    342

вопрос
Всем доброго времени суток! Друзья, проблема такая - использую табы для переключения комментариев и похожих новостей. Блок похожих новостей - карусель. По умолчанию активный блок - комментарии. При обновлении страницы под блоком комментариев на секунду проскакивает блок похожих новостей. А это немного напрягает!!!! Эти же табы использую на главной для переключения последних комментариев и последних тем форума. Была таже проблема - при обновлении страницы второй блок на секунду просвечивался под первым. Но там всё гораздо проще, достаточно было фиксировать высоту и вставить (overflow: hidden;). В случае с похожими новостями и комментариями фиксировать высоту не получится, а если во вторую вкладку вписать стиль (style="display: none;"), то при переходе на неё стиль меняется на (style="display: block;"), но сама карусель при этом не появляется. В общем, муторга полная. Мало того что у меня плохо с CSS, так в javascript я вообще деревянный по пояс. Одна надежда - ваш дельный совет. Вот ссылка на сайт - может кто толкнёт меня в верном направлении.

Ответил: Sander


Для комментариев у вас строка:
<div class="tt-panel" style="display: block;">

Так писать нет смысла, потому что у вас tt-panel и так по умолчанию display: block

А вот для второго блока как раз следует прописать:
<div class="tt-panel" style="display: none;">

Комментарии пользователей (1)

svarog
33

svarog - 28 мая 2016 15:44 - Юзер

Sander, я пробовал подставлять (style="display: none;) для второго блока, но в этом случае карусель становится невидимой. А у комментариев (style="display: block;") просто забыл убрать. Здесь видимо какая то проблема с каруселью, так как по логике ты правильно говоришь - достаточно вставить (style="display: none;) для второго блока. Но почему тогда перестаёт отображаться карусель? И ещё нюанс: если поменять блоки местами, и второму блоку присвоить стиль (display: none), то никаких проблем не наблюдается.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы