jQuery EasyTabs: все содержимое отображается при загрузке

Question

Я использую плагин jQuery EasyTabs. У меня есть веб-страница с двумя вкладками, работающими довольно хорошо. Однако при загрузке страницы, содержащей код вкладки, на короткое время отображается содержимое панели обеих вкладок (не самих вкладок). Это только на мгновение, затем содержимое панели второй вкладки скрыто, и все работает как надо. Супер раздражает.

Любые попытки скрыть или задержать показ этого контента с помощью вызовов jQuery или DOM не увенчались успехом. Вот мой звонок, код которого загружается прямо над HTML-кодом вкладок и панелей.

$(document).ready( function() {
  $('#tab-container').easytabs();
  });

Любые предложения будут великолепны. Благодарю.

Answer 1

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

Итак #tab-container { display: hidden }; тогда:

$(document).ready( function() {
  $('#tab-container').easytabs();
  $('#tab-container').show();
});