JQUERYUIアコーディオンの開始が折りたたまれました

フォームが読み込まれたときにjqueryUIアコーディオンを折りたたんで開始するにはどうすればよいですか。このためのJavaScriptコードはありますか？

オプションで以下を指定します。

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

アクティブについては、ドキュメントを参照してください。

私は同じことをしようとしていました。JqueryUIタブの使用。開始時に5つのタブで表示されないようにしたかったのです。

active：falseを使用すると、5番目のタブのコンテンツが表示されます。そこで、タブCSSをdisplay：none;に設定しました。インラインで表示が変わるので。これが誰かを助けることを願っています！

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

そしてそのスタイルで

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

Dreamweaverウィジェットを使用していたので、このコードを使用しました。Topekが機能しなかったコードは、これが役立つことを願っています。

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の「プロパティ」を使用していて、コーディングが混乱している場合は、セクションのリストより1つ多い番号を「アクティブ」ボックスに入力してみてください。私は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」を削除するだけで、ページが読み込まれたときにパネルが閉じます。