Как предотвратить ненавязчивое мерцание jQuery при загрузке?

Я использую вкладки пользовательского интерфейса jQuery. Как предотвратить мерцание при загрузке контента, а также убедиться, что контент виден при отключении javascript?

Я попытался добавить .класс js в тело при загрузке документа, но когда вкладки загружаются одновременно с добавлением класса, все еще остается мерцание содержимого.

#container{display:none;}

<div id="container">
  <div id="tabs">
    <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
    </ul>
    <div id="tabs-1">
       <p>Tab 1</p>
    </div>
    <div id="tabs-2">
      <p>Tab 2</p>
    </div>
  </div>
</div>
<script>
$(document).ready(function(){
  $('#tabs').tabs();
  $('#container').show();
});
</script>