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

Question

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

示例代码：

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

如果我单击某个选项卡，它应该只显示文本。 div #tab1、#tab2、#tab3 应该保持隐藏状态，直到我单击其中一个选项卡。

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

我是通过设置collapsible找到的：确实我可以点击，它会关闭那个标签内容。如何在页面加载时做出这种行为？

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。