Если вы столкнулись с проблемой использования аккордеонов во вкладках, изначально неактивные аккордеоны не отображают свое содержимое правильно, когда выбрана их вкладка. Читая вокруг, я вижу причину этого в том, что неактивные вкладки имеют отображение: изначально нет, поэтому высота div в аккордеоне не рассчитывается правильно. Ни одно из предложенных решений не работает для меня. Кто-нибудь преодолел это или обойти?

Вот'Вот пример кода проблемы:

  
  
   

  
  $(document).ready(function(){
    $('#tabs').tabs();
    $("#accordion1").accordion();
    $("#accordion2").accordion(); 
  });
  


   


  
    <a href="#tab1">Tab 1</a>       
    <a href="#tab2">Tab 2</a> 
  


  
 <a href="#">Section 1</a>
 
  <p>
  TAB 1 Accordion 1
  </p>
 
 <a href="#">Section 2</a>
 
  <p>
  TAB 1 Accordion 2
  </p>
 
  



  
 <a href="#">Section 1</a>
 
  <p>
  TAB 2 Accordion 1
  </p>
 
 <a href="#">Section 2</a>
 
  <p>
  TAB 2 Accordion 2
  </p>