隱藏所有標籤內容jQuery UI標籤頁加載

Question

加載頁面時是否可以加載標籤頁？

示例代碼：

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

如果我點擊了一些標籤上應該只顯示文本。 Divs＃tab1，＃tab2，＃tab3應保持隱藏狀態，直到我點擊其中一個選項卡。

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

我發現它通過設置可摺疊：這是真的，我可以點擊，它會關閉該選項卡的內容。我如何在頁面加載時做到這一點？

Answer 1

設置selected選項-1

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

更新小提琴：http://jsfiddle.net/MWtMR/4/

Answer 2

更新

因爲jQuery UI的1.10，你將不得不使用參數active代替selected。

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

查看http://api.jqueryui.com/tabs/#option-active瞭解詳情。