javascript - jQuery UI 1.9 选项卡中的多个 show() 和 hide() 效果

Question

在 jQueryUI 1.9 之前，我可以使用以下命令同时切换不透明度和高度:

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

现在 upgrade guide 中已注明不推荐使用 fx 并使用 show() 和 hide() 方法 - 我不知道如何传递两个对它的影响。我试过:

显示:[{效果:“不透明度”}，{效果:“slideToggle”}]

无济于事。有什么指点吗？一如既往地感谢!

Answer 1

@Zach 我知道这已经相当老了，但我也遇到了同样的问题，我只是想确认您是否在做某事。

您确实可以构建自己的效果:

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

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