2009-10-20 8 views
23

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

+0

チェックこの:http://codepen.io/rochapablo/editor/YPXbQM – Pablo

答えて

3

jQueryを表示すると、表示するタブを指定する可能性が高くなります。これはおそらく最初のものです。 jQueryを追加することで振る舞いをオーバーライドすることができます。

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

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

は、アコーディオンの機能を設定jQueryの後にこれを配置するようにしてください。一番上のLIをクリックすると、入れ子にされたULが表示されます。

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

+0

おかげであなたは助けるために、しかし、Telerik拡張機能はあなただけでアコーディオンを非表示にする非表示機能を使用することができます少し異なる、ショーを持っている –

+2

これはあなたが示唆したように隠れるでしょう。しかし、アクティブな要素がアクティブになります。したがって、「アクティブ:偽」は正しいことです。 – chhantyal

97

これを試す:

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

$('.accordion').accordion({ 
    active: false, 
    collapsible: true    
}); 
+0

チップをありがとう! –

+0

魅力のような素晴らしい作品! –

関連する問題