JQUERY UI Akordeon başlangıcı daraltıldı

Form yüklendiğinde jquery UI akordeonunun daraltılmaya başlamasını nasıl sağlayabilirim. Bunun için herhangi bir javascript kodu var mı?

Seçeneklerinizde şunları belirtin:

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

Aktif için belgelere bakın .

Ben de aynı şeyi yapmaya çalışıyordum. Jquery UI sekmelerini kullanma. Başladığınızda hiçbirinin 5 sekmeyle gösterilmesini istemedim.

active: false kullanarak 5. sekme içeriğini gösterdi. Bu yüzden CSS sekmelerini görüntülemek için ayarladım: yok; çünkü satır içi değişiklikler görüntülenir. Umarım bu birine yardımcı olur!

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

Ve tarzda

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

Bu kodu kullandım, bir Dreamweaver Widget'ı kullandığım için, Topek'in benim için çalışmadığı kodun yardımcı olacağını umuyorum,

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

    });

Topex'in cevabını tamamlamak için , Jquery UI 1.10.3 ile 'daraltılabilir' seçeneğini 'aktif' seçeneğin önüne ayarlamam gerekiyordu.

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

Belgelere bakın

Wysiwyg "Özellikler" i kullanıyorsanız ve kodlama kafa karıştırıyorsa, "Etkin" kutusuna Bölümler listenizden bir sayı daha girmeyi deneyin. 12 bölümüm var ve oraya "13" koydum ve benim için çalıştı.

Varsayılan jquery akordiyon kullanıyorsanız, her zaman ilk panel içeriğini görüntüler, active: falseniteliği kullanarak devre dışı bırakabilirsiniz .

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

ancak bunun varsayılan davranışı, tüm paneller için en uzun panelin yüksekliğine ayarlanacak olmasıdır. bu nedenle, bunun için "heightStyle"nitelik eklemelisiniz .

heightStyle: "content",

bu nedenle, her panel yalnızca içeriği kadar uzun olacaktır.

Kodunuzda panel grubunun başlangıcına bakarsanız, bunu arayın

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

"in" kısmını kaldırırsanız, sayfa yüklendiğinde panel kapanır.