すべてのタブのコンテンツを隠すjQueryのUIタブonload

Question

ページが読み込まれたときにタブだけを読み込むことはできますか？

サンプルコード：

http://jsfiddle.net/MWtMR/2/

私はいくつかのタブをクリックする場合にのみ、テキストが表示されます。 Divs＃tab1、＃tab2、＃tab3はタブの1つをクリックするまで非表示にしておきます。

更新： http://jsfiddle.net/MWtMR/3/

私は、折りたたみ可能な設定することで、それを見つけた：私がクリックすることができ、それはそのタブの内容を閉鎖することは事実です。ページの読み込み時にこの動作を行うにはどうすればよいですか？

Answer 1

設定selectedオプション

$('#tabvanilla').tabs({ fx: { height: 'toggle', opacity: 'toggle'}, selected: -1 }); 

-1に更新フィドル：jQueryのUI 1.10以来http://jsfiddle.net/MWtMR/4/

Answer 2

更新

は、あなたがselectedの代わりにパラメータactiveを使用する必要があります。

$('#tabvanilla').tabs({ active: false, collapsible: true }); 

http://api.jqueryui.com/tabs/#option-activeを参照してください。