JQUERY UI Початок акордеону згорнуто

Як я можу зробити так, щоб акордеон інтерфейсу jquery почав згортатися, коли форма завантажується. Чи є для цього код JavaScript?

У своїх параметрах вкажіть:

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

Див. Документацію щодо активних .

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

за допомогою активного: false показав вміст 5-ти вкладок. Тож я встановив вкладки CSS для відображення: none; оскільки він вбудовано змінює дисплей. Сподіваюся, це комусь допомагає!

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

І в стилі

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

Я використовував цей код, оскільки використовував віджет Dreamweaver, код, який Топек для мене не працював, сподіваюся, це допоможе

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

    });

Щоб завершити відповідь topex , за допомогою інтерфейсу Jquery UI 1.10.3 мені довелося встановити параметр «розбірний» перед «активним».

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

Дивіться документацію

Якщо ви використовуєте wysiwyg "Властивості", і кодування заплутує, спробуйте ввести номер у поле "Активний" ще один, ніж ваш список розділів. У мене є 12 розділів, і я поставив там "13", і це спрацювало для мене.

Якщо ви використовуєте акордеон jquery за замовчуванням, він завжди відображає вміст першої панелі, ви можете вимкнути його за допомогою active: falseатрибута.

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

але це поведінка за замовчуванням - для всіх панелей буде встановлено висоту найвищої панелі. отже, для цього вам потрібно додати "heightStyle"атрибут.

heightStyle: "content",

отже, кожна панель буде такою ж висотою, як її вміст.

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

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

якщо ви просто видалите "in", панель закриється при завантаженні сторінки.