jQuery аккордеон получает минимальную высоту при загрузке в сжатом контенте

Question

Некоторое содержимое сбрасывается по умолчанию с помощью display: none;, и у меня есть функция JS, которая меняет свое состояние для отображения содержимого. Я хотел бы загрузить аккордеон внутри этого скомпенсированного контента, но когда я это сделаю, высота аккордеона перепуталась - он получает минимальную высоту, только как 20 пикселей или около того на вкладку.

Я понимаю, что, вероятно, у меня, вероятно, будет сброс высоты аккордеона при срабатывании функции JS, которая расширяет содержимое. Как это можно добиться? Что называется функцией? Спасибо!

Answer 1

JQuery высота аккордеона правильно рассчитана только при ее отображении. Таким образом, с помощью JQuery UI 1.10.0 и выше вызова

$('.myAccordian').accordion("refresh"); 

сразу после отображения содержимого аккордеона.