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

Question

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

示例代码：

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。