jQuery Accordion 'height: auto' вызывает глюк анимации

Question

Я использую jQuery Accordion и хочу, чтобы каждый раздел мог динамически изменять размер в соответствии с внутренним содержимым. Поэтому я установил стиль .ui-accordion-content-active в 'height: auto'. Это работает, пока активен один конкретный раздел; он правильно изменяет размеры, чтобы вместить содержимое внутри него.

Однако свойство высоты, по-видимому, влияет на анимацию при выборе различных разделов аккордеона. Похоже, что он начинает скользить, но автоматическая высота вступает во владение, и обе секции полностью открываются на короткое время, и, наконец, предыдущая активная закрывается.

Похоже, должен быть правильный способ принудительно изменять размер содержимого Accordion динамически, не затрагивая анимацию. Буду признателен за любые советы, спасибо!

Answer 1

Под тегом Script введите код, указанный ниже.

$(function() {
 $( "#accordion" ).accordion({
  heightStyle: "content"
  autoHeight: false
 });
});

:) -

Answer 2

Вы проверяли разметку из демонстрации no-auto-height на сайте пользовательского интерфейса jQuery?Кажется, он делает именно то, что вы просите.

http://jqueryui.com/demos/accordion/#no-auto-height