web-dev-qa-db-ja.com

jqueryのアコーディオンのすべてのタブを折りたたみますか?

Telerik Extensions for ASP.NET MVCを使用して、ページの読み込み時にすべてのアコーディオンタブを非表示にするにはどうすればよいですか?デフォルトでは、ページのロード時に最初のアコーディオンタブが展開されます!どうもありがとう!

24
user192832

これを試して:

すべてのアクティブな(開いている)ペインを無効にします。

$('.accordion').accordion({
    active: false,
    collapsible: true            
});
99
Kien Pham

JQueryを表示します。表示するタブを指定するオプションがあります。デフォルトではおそらくこれが最初です。 jQueryを追加して、動作をオーバーライドできます。

アコーディオンがネストされたULである場合、ネストされたすべてのUL要素を非表示にするjQueryは次のようになります。

$('ul.accordion ul').hide();

これは、アコーディオン機能を設定するjQueryの後に配置してください。上のLIのいずれかをクリックすると、ネストされたULが表示されます。

マークアップは異なる場合がありますが、ロジックは非常に似ている必要があります。

4
Beau Smith