JQUERY UI Аккордеонный старт рухнул

Question

Как сделать, чтобы аккордеон начала jquery UI рухнул при загрузке формыЕсть ли для этого какой-либо код JavaScript?

Answer 1

В ваших настройках укажите:

{
  ...
  active: false,
  collapsible: true,
  ...
}

См. Документацию для active .

Answer 2

Я пытался сделать то же самое. Использование вкладок пользовательского интерфейса Jquery. Я хотел, чтобы никто не показывал с 5 вкладками при запуске.

using active: false показало содержание 5-й вкладки. Поэтому я установил вкладки CSS для отображения: нет; так как он in-line меняет отображение. Надеюсь, это кому-нибудь поможет!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

И в стиле

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

Answer 3

Я использовал этот код, как и виджет Dreamweaver, код, который Topek не работал для меня, надеюсь, это поможет,

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

Answer 4

Чтобы завершить ответ topex , в Jquery UI 1.10.3 мне пришлось установить опцию «складной» перед «активной».

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

См. документация

Answer 5

Если вы используете wysiwyg «Свойства» и кодирование сбивает с толку, попробуйте ввести число в поле «Активный» на один больше, чем ваш список разделов. У меня есть 12 разделов, и я поставил «13», и это сработало для меня.

Answer 6

Если вы используете jquery accordion по умолчанию, он всегда отображает содержимое первой панели, вы можете отключить его, используя атрибут active: false.

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

, но это стандартное поведение: для всех панелей будет установлена ​​высота самой высокой панели. Итак, для этого нужно добавить атрибут "heightStyle".

heightStyle: "content",

так, каждая панель будет иметь такой же высокий размер, как и ее содержимое.

Answer 7

Если вы посмотрите на начало группы панелей в вашем коде, найдите это

<div id="collapseOne1" class="panel-collapse collapse in"> 

Если вы просто удалите «in», панель закроется при загрузке страницы.