Jquery ui选项卡的不同动画

Question

我使用的是jquery ui选项卡小部件。我没有使用jquery主题，因为我更喜欢做我自己的css和其他东西。我已经让它工作了，但我想要的是当一个不同的标签被点击时，标签内容有一个不同的动画效果。我想要的是让新的选项卡内容从左侧滑入。

目前我有：

$("#tabs").tabs({ fx: {slide: 'slow' } }); });

我知道上面的代码只是滑动，而不是向左滑动，但它甚至不会滑动！我已经下载了幻灯片效果作为我的自定义ui下载的一部分。我不知道为什么它不工作！是不是我缺少一些css？！我不知道！

Answer 1

不确定您使用的是哪个版本，但在1.7.1版本中是这样做的：

$("#tabs").tabs({ 
    fx: { height: 'toggle', duration: 'slow' }
});

Answer 2

我知道这个问题已经超过一年了，但你可以试试这个：

$('#tabs').tabs(
{
   fx: { width: 'toggle', duration: '500' }
});

如果你使用‘宽度’，jQuery将创建使用宽度属性的效果，因此是一个水平动画。您也可以将高度和宽度一起使用以获得对角效果。

也可以试试“隐藏”和“显示”关键字，而不是“切换”，它们也很酷:)

Answer 3

试试这个：http://www.eduteka.org/ajax/tabs3/获取更多选项