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 } );