javascript - jQuery UI 1.9 タブの複数の show() および hide() 効果

Question

jQueryUI 1.9 より前では、以下を使用して不透明度と高さの両方を同時に切り替えることができました。

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

アップグレード ガイドでfx非推奨であり、代わりにshow()andメソッドを使用することが記載されているため、 hide()2 つの効果を渡す方法がわかりません。私はもう試した：

show: [{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

それはドキュメントでかなりよく説明されていると思います。

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

ただし、新しい API を使用してスライドとフェードの両方を行う方法がわかりません。