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

Question

在 jQueryUI 1.9 之前，我可以使用以下方法同时切换不透明度和高度：

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

现在它在升级指南中被指出fx已被弃用，而是使用show()andhide()方法——我不知道如何将两个效果传递给它。我试过了：

显示：[{效果：“不透明度”}，{效果：“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

我认为在文档中解释得很好。

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

但是，我不明白在给定新 api 的情况下如何使滑动和淡出。