Пользовательский интерфейс JQUERY. Начало аккордеона

Ответ 1

В ваших опциях укажите:

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

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

Ответ 2

Я пытался сделать то же самое. Использование вкладок JQuery UI. Я не хотел показывать ничего с 5 вкладками, когда вы начинаете.

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

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

И в стиле

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

Ответ 3

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

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

    });

Ответ 4

Чтобы завершить ответ topex, с JQuery UI 1.10.3 мне пришлось установить параметр "сворачиваемый" перед "активным".

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

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

Ответ 5

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

Ответ 6

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

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

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

Ответ 7

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

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

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

heightStyle: "content",

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