隐藏所有标签内容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了解详情。