如何在jQueryUI选项卡上实现滑动效果

时间:2010-12-23 14:20:02

标签: jquery-ui syntax tabs effects

我将jQueryUI标签设置为在标签之间淡入淡出。但我想应用其他效果,也许是滑动。但由于我是jQuery的新手,我似乎无法正确使用语法。

这是现在可行的:
 $( "#tabs" ).tabs({ fx: { opacity: 'toggle', duration:500} });

然而,这不起作用:
 $( "#tabs" ).tabs({ fx: { slide: 'toggle',duration:500} });

或者这个:
$( "#tabs" ).tabs({ fx: { slide: 'toggle',direction:'down',duration:500} });

我也尝试了slideUpslideDown,甚至explode ..除了不透明效果之外似乎还有效。

2 个答案:

答案 0 :(得分:1)

尝试这个

$( “#选项卡”)。翼片({     fx:{height:'toggle',持续时间:1000} });

答案 1 :(得分:0)

你试过这个吗?

$("#tabs").tabs({fx:{height: "toggle"}}).tabs("slideDown", 500);