Випуск JQuery Accordion Auto Height

Я використовую JQuery Accordion. У мене є ця сторінка тут: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

Те, що трапляється, займає певний час завантаження автоматичної висоти, перш ніж вона завантажиться, під вмістом є багато пробілів. Коли він нарешті завантажиться, висота збільшиться довше, а потім підніметься до правильної висоти вмісту. Чи є спосіб, щоб це було безперешкодно? Я просто хочу мати можливість клацнути вкладку "Аккордеон" і плавно розширити її до точної висоти вмісту.

Оновлення 08.08.2014:

Використовуйте , heightStyle: "content"якщо ви використовуєте версію 1.9 і вище ( Tarun в відповідь)

Використовувати autoHeight: falseдля версії 1.8 та нижче (відповідь iappwebdev)

То чому б вам просто не встановити autoheightзначення false?

$( ".selector" ).accordion({ autoHeight: false });

http://jqueryui.com/demos/accordion/#option-autoHeight

РЕДАГУВАТИ

Переглядаючи ваш коментар:

// Accordion
$("#accordion").accordion({ header: "h3" });
$("#accordion").accordion({ collapsible: true });
$("#accordion").accordion({ autoHeight: false, navigation: true });

Ви ініціалізуєте акордеон, а потім додаєте до нього більше варіантів. Чому ти це робиш? Значенням за замовчуванням autoHeightє true, тому кожна вкладка отримує фіксовану висоту. Помістіть усі опції в один дзвінок:

// Accordion
$("#accordion").accordion({
    header: "h3",
    collapsible: true,
    autoHeight: false,
    navigation: true 
});

РЕДАГУВАТИ

Щодо вашого 2-го коментаря:

Погляньте на http://jqueryui.com/demos/accordion/#option-header . Ви бачите, що ця опція h3встановлена ​​за замовчуванням, тому вам не потрібно встановлювати її під час дзвінка.

І ви отримаєте відповідь на своє запитання тут: акордеон JQuery не працює без тегів h3 .

Дуже важливо пройти jQuery API, щоб покращити свої знання. Для jQuery API перейдіть за адресою http://api.jquery.com/, а для jQuery UI - за адресою http://jqueryui.com/demos/ . Якщо у вас є ще запитання, не соромтеся запитувати після того, як ви спробували вирішити проблему і після того, як ви провели якесь дослідження.

Якщо все це відповіло на ваше запитання, позначте його як правильну відповідь.

ви повинні використовувати

$("#accordion").accordion({ 

heightStyle: "content" 

});

Він встановить висоту відповідно до вашого вмісту. і не використовуватиме порожній простір як висоту.

$("#accordion").accordion({ 

heightStyle: "content" 

});

Це працює в новій версії, це працювало для мене !!!

Це спрацювало для мене.

$( ".accordion" ).accordion({ 
 autoHeight: false,
 collapsible: true,
 navigation: true 
 });

Якщо поки що нічого не працює, просто змініть розмір jQuery Accordion contentElement- він викликається data-contentза замовчуванням, якщо ви не налаштували його інакше:

$('.accordion').find('[data-content]').resize();

Це також спрацює, якщо ви хочете змінити розмір акордеона після динамічного завантаження даних.