如何在jQueryUI Tabs上实现滑动效果

Question

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

我也尝试过slideUp、slideDown，甚至explode..除了不透明度似乎没什么用。

Answer 1

试试这个

$("#tabs").tabs({ fx：{高度：'切换'，持续时间：1000 } });

Answer 2

你试过了吗？

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