jQuery ui选项卡以动画方式显示选项卡之间的高度变化

Question

我正在尝试使用jQuery ui库中的tabs插件创建一个简单的选项卡式界面。我有标签工作正常，但我需要在高度的变化，当用户点击一个新的标签，以缓解向上或向下。类似于this，但使用的是jQuery ui标签插件。

到目前为止，我使用的是基本脚本：

$(document).ready(function() {
$("#tabs").tabs();
});

Answer 1

试试这个：

$(document).ready(function() {
    $("#tabs").tabs({ fx: { opacity: 'toggle', duration: 1000 } });
});

Answer 2

我认为你可以在jquery ui中使用一些特效，$( ".selector“).tabs({ hide：{ effect："explode"，duration: 1000 } })；

参考这个，http://api.jqueryui.com/tabs/