web-dev-qa-db-ja.com

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

フォームのロード時にjquery UIアコーディオンを折りたたむにはどうすればよいですか。これにはjavascriptコードがありますか？

jqueryaccordionjquery-ui-accordion
81
H Bellamy

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

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

active のドキュメントを参照してください。

192
topek

私は同じことをしようとしていました。 Jquery UIタブを使用します。開始時に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;
}
8
nonono nonono

Dreamweaver Widgetを使用していたので、このコードを使用しました。Topekが役に立たなかったコードは、これが役立つことを願っています。

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

    });
4
Lyndon John Haslam

topexの回答 を完了するには、Jquery UI 1.10.3では、「アクティブな」オプションの前に「折りたたみ可能な」オプションを設定する必要がありました。

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

ドキュメント を参照してください

3
shagshag

Wysiwygの「プロパティ」を使用していて、コーディングが混乱している場合は、セクションのリストより1つ多く「アクティブ」ボックスに数字を入力してみてください。 12のセクションがあり、そこに「13」を配置しました。

1
Steve

コード内のパネルグループの先頭を見ると、これを探してください

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

「in」を削除すると、ページの読み込み時にパネルが閉じます。

0
user6236374

デフォルトのjqueryアコーディオンを使用している場合、常に最初のパネルコンテンツが表示されます。active: false属性を使用して無効にすることができます。

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

ただし、デフォルトの動作では、すべてのパネルが最も高いパネルの高さに設定されます。そのため、"heightStyle"属性を追加する必要があります。

heightStyle: "content",

そのため、各パネルの高さはそのコンテンツと同じです。

0
Ashish v