jQuery UI 1.9选项卡中的多个show（）和hide（）效果

Question

在jQueryUI 1.9之前，我能够使用以下内容同时切换不透明度和高度：

$('#site-tabs').tabs({
    fx: {opacity: 'toggle', height: 'toggle'},
});

现在已在upgrade guide中注意到fx已被弃用，而是使用show()和hide()方法 - 我无法弄清楚如何传递两个效果。我试过了：

显示：[{effect：“opacity”}，{effect：“slideToggle”}]

无济于事。有什么指针吗？一如既往地谢谢！

Answer 1

@Zach我知道这已经很老了，但我遇到了同样的问题而且我只是想确认你是在做什么。

你确实可以建立自己的效果：

$.fn.slideFadeToggle  = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};

并像show: { effect: "slideFadeToggle", duration: 500 }一样使用它。

Answer 2

我认为在documentation中很好地解释了。

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

然而，我不知道如何在新的api下滑动和淡出。