JQuery UI Tabs show用法及代码示例

用法:

show

• Boolean: 当设置为false, 不会使用动画，面板会立即显示。当设置为true，面板将以默认持续时间和默认缓动淡入。
• Number：面板将以指定的持续时间和默认缓动淡入。
• String：面板将使用指定的效果显示。该值可以是内置 jQuery 动画方法的名称，例如"slideDown"，或者一个名字jQuery UI 效果， 如"fold".在任何一种情况下，效果都将与默认持续时间和默认缓动一起使用。
• Object: 如果值是一个对象，那么effect,delay,duration， 和easing可以提供属性。如果effect属性包含一个 jQuery 方法的名称，那么该方法将被使用；否则假定为 jQuery UI 效果的名称。当使用支持附加设置的 jQuery UI 效果时，您可以在对象中包含这些设置，并将它们传递给效果。如果duration或者easing省略，则使用默认值。如果effect被省略，那么"fadeIn"将会被使用。如果delay省略，则不使用延迟。

代码示例：

使用指定的 show 选项初始化选项卡：

$( ".selector" ).tabs({
  show: { effect: "blind", duration: 800 }
});

初始化后获取或设置show选项：

// Getter
var show = $( ".selector" ).tabs( "option", "show" );
 
// Setter
$( ".selector" ).tabs( "option", "show", { effect: "blind", duration: 800 } );