JQuery вкладки: autoHeight для расширения содержимого

Question

Я использую jquery скользящие вкладки из этого SITE, которые работают очень красиво. Единственная проблема заключается в том, что функция autoHeight jquery не корректирует расширение контента. Перефразировка: Контейнер табуляции будет соответствовать высоте неактивного содержимого, но проблема в том, что после того, как содержимое внутри контейнера станет активным и будет расширяться по вертикали, оно больше не будет соответствовать и не будет видно. < --- Он не подходит для этого , Вот пример JSFFIDLE

Я стараюсь делать это, чтобы отрегулировать высоту расширения контента, но он не работает:

<script> 
var height = 50 // Set to the height you want 
     $('.st_view').css('height', height+'px') 

    });​ 

    </script> 

Общий Jquery

<script> 

    $(document).ready(function() { 

     $('div#st_horizontal').slideTabs({ 
      // Options    
      contentAnim: 'slideH', 
      autoHeight: true, 
      contentAnimTime: 600, 
      contentEasing: 'easeInOutExpo', 
      tabsAnimTime: 300 
     }); 

     var height = 50 // Set to the height you want 
     $('.st_view').css('height', height+'px') 

    });​ 

    </script> 

Answer 1

Если только togglers, которые заставляют контент расширяться, вы можете изменить свой код toggler следующим образом:

$('#title').click(function() { 
    $(this).toggleClass('active'); 
    $('#content').toggle(); 
    var $tab = $(this).closest('.st_tab_view'); 
    $tab.closest('.st_view').css('height', $tab.height()); 
}); 

Для более общего решения, получить jQuery resize plugin и добавьте этот код:

$('.st_tab_view').resize(function() { 
    var $this = $(this); 
    $this.closest('.st_view').css('height', $this.height()); 
});