隐藏所有选项卡内容jQuery UI选项卡onload

加载页面时是否可以加载标签？

示例代码：

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

如果我点击某个标签，它应该只显示文字。 Div＃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 。